define
@define_app
Followers
680
Following
109
Media
12
Statuses
78
Better work email.
Remote
Joined June 2025
Keep your dropdown animations fast. They: • Improve the perceived performance of your app • Feel directly tied to the user’s action • Make the UI feel alive and responsive This dropdown animates in 150ms with an ease-out cubic curve: `cubic-bezier(.215, .61, .355, 1)
14
8
459
If you’re building scrollable areas, always use masks and custom scrollbars. Subtle details, powerful experiences.
12
8
333
Underrated drag and drop UX detail: Slightly rotate items while you drag them. It feels physical, playful, and instantly clear what’s happening. TBF, drag and drop is sooo tricky to nail. At define we use @dndkit. Thank you @clauderic_d!
9
15
261
Small UI detail: Align submenus with their trigger item. Users won’t consciously notice it, but it will make a huge difference.
7
4
156
Polish your complex UIs Micro-UX for fixed width elements, like tabs: A) apply a gradient text mask to fade out long labels B) use an ellipsis (...) at the end to show the text is truncated Small details like these make your UI feel clean and intentional.
9
11
506
Keep your dropdown animations fast. They: • Improve the perceived performance of your app • Feel directly tied to the user’s action • Make the UI feel alive and responsive This dropdown animates in 150ms with an ease-out cubic curve: `cubic-bezier(.215, .61, .355, 1)
14
8
459
Micro detail: keep your border-radius visually balanced. When you have nested elements with visible radii, use a simple rule: `inner_radius = outer_radius - outer_padding` This keeps curves aligned and avoids that “off” feeling around cards, buttons, and containers.
1
0
79
Rule for tooltips: A. first tooltip: small delay (e.g. 750ms) before appearing to avoid accidental activation B. other tooltips (while one is open): no delay, show immediately. This feels faster with a snappy UX once the user is engaged.
1
3
128
Design system: one color to rule them all. Pick 1 primary color and programmatically generate supporting colors for hover, border, background, icon, etc. When users choose a gradient we calculate 2 extra stops from the base hue. Don't pick 40 colors: 1 input, a full palette
1
0
19
Underrated drag and drop UX detail: Slightly rotate items while you drag them. It feels physical, playful, and instantly clear what’s happening. TBF, drag and drop is sooo tricky to nail. At define we use @dndkit. Thank you @clauderic_d!
9
15
261
Polish your complex UIs Micro-UX for fixed width elements, like tabs: A) apply a gradient text mask to fade out long labels B) use an ellipsis (...) at the end to show the text is truncated Small details like these make your UI feel clean and intentional.
9
11
506
Satisfying theme editor. Learn from iOS: add rubber band effect on sliders. This makes the slider feel physical, intuitive, and playful. Still WIP
13
11
502
If you’re building scrollable areas, always use masks and custom scrollbars. Subtle details, powerful experiences.
12
8
333