design eng @mintlify / https://t.co/4FK7VXjR2N / https://t.co/effowDE4yW
Shorts
this is a multi-billion-dollar company btw
3,476,579 次观看
built a small simple component for middle truncation based on @𝚌𝚑𝚎𝚗𝚐𝚕𝚘𝚞/𝚙𝚛𝚎𝚝𝚎𝚡𝚝
182,794 次观看
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 次观看
first time using Paper shaders in production. honestly they're so nice design James ⚡️
60,905 次观看
entering my era of removing ugly scrollbars. slowly but surely
60,786 次观看
final tip for 2025: fix the animation logic for your menu components. it makes the whole experience feel so much faster
137,886 次观看
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 次观看
Sensitive content
This media may contain sensitive content.
if you're building a tree component, avoid dead zones for nested items
101,392 次观看
animated icons now can be installed via shadcn CLI 🎉
127,575 次观看
make your slash menu beautiful
45,252 次观看
when you add fade out for the scrollable container, make sure it won't overlap your scroll bar
54,436 次观看
no selection on toggle
18,588 次观看
clip-path is really underrated
60,036 次观看
make your empty states alive
78,880 次观看
once you see the inconsistent gaps in standard middle-truncation, you can’t unsee them
36,175 次观看
one of the cool things you can do with `property` is animate conic gradients properly tailwind playground link below
