Implementing this new shadcn component inside Synara! I used... his component + some tweaks to mimic Codex fluidity and form! Pumped to push this today!show more

Crafting my own UI Kit to be used for... prototypes. I'm going through component by component to direct my designer (Claude) on motion tweaks, style updates, and behaviour.show more

new on Framer: pricing slider use this customizable component... to showcase pricing tiers with animations and interactive controls. comment "PRICING" and i'll send you the component :)show more

introducing: text scroll animator component for Framer use this... component to animate your text with smooth scroll-triggered effects like blur, rotation, scale, and more! comment "SCROLL" and i’ll send you the component. :)show more

introducing: gooey effect component for Framer use this component... to add morphing animations that blend and flow across your site for a fun, smooth effect. comment "GOOEY" and i’ll send you the component :)show more

made a component that renders forms based on a... zod schema - uses my own components - supports custom labels, placeholders, props, etc now I just create a zod schema, pass it to createForm() and get a fully functional form component. maybe worth making an npm package for thisshow more

introducing: magnetic grid animation for Framer use this component... to create responsive image grids that react to your cursor with scale, rotation, magnetism, and more. comment 'GRID' and i’ll send you the component :)show more

get ready! new god rays component is coming to... Framer. you'll be able to create crazy backgrounds with this 🤯 reply to this tweet and i'll add you to the list.show more

introducing: elastic line component for Framer use this to... add a wobbly, spring-like line that interacts with your cursor, bringing a playful vibe to your website.. comment 'ELASTIC' and i'll send you the component :)show more

All the APIs MJ and I designed for Remix's... new component model and network layer are really shaping up. Can't wait to finish it all up and then make some docs and demos for Remix Jam. We are WAY farther than I expected to be at this point! hahashow more

anyone here using figma slots? is this supposed to... work like this, i.e. do I always need to adjust the slot component resizing to fill slot widthshow more

I used a similar technique recently to reverse engineer... the beautiful tabs in OpenAI ‘s Atlas browser. Took a screen recording, had an agent describe the design, the tab metrics, the easing curves etc. Had Codex do one pass and have Claude critique it, and got this highly responsive, pretty well structured macOS component out of itshow more

The best UI components ready to use, save this... 👇 - free animated component library - Animated thinking orb component - essential transitions for web apps - crafted UI for AI-native interfaces. - huge community library - The React component library - patterns from 95 design systems - Annotate your UI. Guide your coding agent What Did I Miss?show more

long time no update, add Infinite scroll component for... now. i have plan to implement some map UI from evangelion but still dont have clue how it will be used on my projectshow more

New mind-blowing Framer component drop: Image 3D Parallax! Turn... any flat image into a 3D experience that moves with your mouse. No coding needed. Comment "MAGIC" and I'll DM you this component for free. P.S. This one comes with my FIRST EVER YouTube tutorial 🎬 P.S.S. Make sure you follow me so I can DM youshow more

One component I've always loved was this animated number... counter, but I always hated how complicated it was to create. Custom entering and exiting animations via Software Mansion reanimated makes this super easy tho.show more

I can’t believe this in three js. The amount... of detail and care is just nuts. You can tell each component is being lit individually and there are some really clever AO mapsshow more

I feel like this could be turned into a... cool hero effect for a component library site. Where you move your cursor to tear between the design and the code.... 🤔show more