dmytro's banner

dmytro

@pqoqubbw • 9,619 subscribers

design eng @mintlify / https://t.co/4FK7VXjR2N / https://t.co/effowDE4yW

Shorts

this is a multi-billion-dollar company btw

this is a multi-billion-dollar company btw

3,476,379 views

first time using Paper shaders in production. honestly they're so nice design James ⚡️

first time using Paper shaders in production. honestly they're so nice design James ⚡️

54,191 views

built a small simple component for middle truncation based on @𝚌𝚑𝚎𝚗𝚐𝚕𝚘𝚞/𝚙𝚛𝚎𝚝𝚎𝚡𝚝

built a small simple component for middle truncation based on @𝚌𝚑𝚎𝚗𝚐𝚕𝚘𝚞/𝚙𝚛𝚎𝚝𝚎𝚡𝚝

182,658 views

entering my era of removing ugly scrollbars. slowly but surely

entering my era of removing ugly scrollbars. slowly but surely

60,786 views

want to increase the click area without messing up your layout? try `:after` with `position: absolute` + `inset: -{value}px` this creates a larger, invisible hit area around the element, making it easier to click without changing the layout

want to increase the click area without messing up your layout? try `:after` with `position: absolute` + `inset: -{value}px` this creates a larger, invisible hit area around the element, making it easier to click without changing the layout

326,289 views

final tip for 2025: fix the animation logic for your menu components. it makes the whole experience feel so much faster

final tip for 2025: fix the animation logic for your menu components. it makes the whole experience feel so much faster

137,886 views

hear me out you don’t need js to create a marquee animation just a couple of lines of css and duplicated children with `aria-hidden`

hear me out you don’t need js to create a marquee animation just a couple of lines of css and duplicated children with `aria-hidden`

160,361 views

if you're building a tree component, avoid dead zones for nested items

Sensitive content

if you're building a tree component, avoid dead zones for nested items

101,392 views

no selection on toggle

no selection on toggle

18,588 views

make your slash menu beautiful

make your slash menu beautiful

45,244 views

animated icons now can be installed via shadcn CLI 🎉

animated icons now can be installed via shadcn CLI 🎉

127,575 views

when you add fade out for the scrollable container, make sure it won't overlap your scroll bar

when you add fade out for the scrollable container, make sure it won't overlap your scroll bar

54,436 views

clip-path is really underrated

clip-path is really underrated

59,988 views

once you see the inconsistent gaps in standard middle-truncation, you can’t unsee them

once you see the inconsistent gaps in standard middle-truncation, you can’t unsee them

36,175 views

make your empty states alive

make your empty states alive

78,880 views

one of the cool things you can do with `property` is animate conic gradients properly tailwind playground link below

one of the cool things you can do with `property` is animate conic gradients properly tailwind playground link below

22,133 views

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

today i'm launching Invisible Details - a course about the invisible stuff that makes interfaces feel right it took me way longer than i hoped, but it's here

today i'm launching Invisible Details - a course about the invisible stuff that makes interfaces feel right it took me way longer than i hoped, but it's here

374,256 views • 1 month ago

you can't tell why an interface feels right, but you always feel when it doesn't opening the private beta bit by bit while i polish the rough edges 👀

you can't tell why an interface feels right, but you always feel when it doesn't opening the private beta bit by bit while i polish the rough edges 👀

55,101 views • 1 month ago

keyboard-accessible resizable sidebar was achieved: - increased action area - cursor stays the same while dragging, no flickering - double-click to reset to default width - arrows for 10px resize - shift + arrows for 50px resize

keyboard-accessible resizable sidebar was achieved: - increased action area - cursor stays the same while dragging, no flickering - double-click to reset to default width - arrows for 10px resize - shift + arrows for 50px resize

95,611 views • 9 months ago

i’ve been looking for the perfect color picker for a long time and finally found it in Paper there are so many tiny details in their ui that i just had to try and recreate it just finished the input part, popover is coming next!!

i’ve been looking for the perfect color picker for a long time and finally found it in Paper there are so many tiny details in their ui that i just had to try and recreate it just finished the input part, popover is coming next!!

13,677 views • 1 month ago

last teaser. you know what's coming next week 👀

last teaser. you know what's coming next week 👀

14,887 views • 1 month ago

details truly matter: - select-none for separator and icon - proper context menu for breadcrumb-item and dropdown-item - current item is not clickable - a11y for everything - calculated correct inner radius for dropdown-item

details truly matter: - select-none for separator and icon - proper context menu for breadcrumb-item and dropdown-item - current item is not clickable - a11y for everything - calculated correct inner radius for dropdown-item

29,740 views • 1 year ago

No more content to load