dmytro's banner

dmytro

@pqoqubbw • 9,702 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,579 görüntüleme

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

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

182,794 görüntüleme

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,545 görüntüleme

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 ⚡️

60,905 görüntüleme

entering my era of removing ugly scrollbars. slowly but surely

entering my era of removing ugly scrollbars. slowly but surely

60,786 görüntüleme

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 görüntüleme

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,470 görüntüleme

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 görüntüleme

animated icons now can be installed via shadcn CLI 🎉

animated icons now can be installed via shadcn CLI 🎉

127,575 görüntüleme

make your slash menu beautiful

make your slash menu beautiful

45,252 görüntüleme

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 görüntüleme

no selection on toggle

no selection on toggle

18,588 görüntüleme

clip-path is really underrated

clip-path is really underrated

60,036 görüntüleme

make your empty states alive

make your empty states alive

78,880 görüntüleme

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 görüntüleme

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 görüntüleme

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

376,319 görüntüleme • 3 ay önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 11 ay önce

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 görüntüleme • 2 ay önce

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

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

14,887 görüntüleme • 3 ay önce

Daha fazla içerik yok.