Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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

Emanuele Di Pietro

10,959 subscribers

33,607 views • 1 month ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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.

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.

Chris Halaska

22,947 views • 4 months ago

introducing: drawing board component for Framer use this component to sketch ideas, leave notes, or create interactive whiteboard moments right inside your canvas. comment "DRAW" and i’ll send you the component for free :)

introducing: drawing board component for Framer use this component to sketch ideas, leave notes, or create interactive whiteboard moments right inside your canvas. comment "DRAW" and i’ll send you the component for free :)

Framer University

11,225 views • 1 year ago

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 :)

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 :)

Framer University

14,870 views • 1 year ago

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. :)

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. :)

Framer University

20,854 views • 1 year ago

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 :)

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 :)

Framer University

25,555 views • 1 year ago

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 this

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 this

jordi 🇪🇸

199,801 views • 1 year ago

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 :)

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 :)

Framer University

26,763 views • 1 year ago

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.

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.

Framer University

11,952 views • 1 year ago

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 :)

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 :)

Framer University

20,360 views • 1 year ago

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! haha

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! haha

Ryan Florence

18,409 views • 11 months ago

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 it

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 it

almonk

92,630 views • 2 months ago

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 project

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 project

Not Good

21,164 views • 3 months ago

Here is a #figmatip I forgot to drop in my grid livestream yesterday. Grid is amazing for organizing and creating new variants in a component set.

Here is a #figmatip I forgot to drop in my grid livestream yesterday. Grid is amazing for organizing and creating new variants in a component set.

miggi from figgi

21,450 views • 1 year ago

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 you

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 you

David McBacon

19,840 views • 1 year ago

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.

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.

Ed

21,954 views • 1 year ago

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 maps

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 maps

Ian Zelbo

2,491,440 views • 11 months ago

One of my favorite things from the new Linear homepage are these side drawers which you can open to get some info about a specific feature. Made with Base UI’s dialog component and some ease-out.

One of my favorite things from the new Linear homepage are these side drawers which you can open to get some info about a specific feature. Made with Base UI’s dialog component and some ease-out.

Emil Kowalski

50,197 views • 2 months ago

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.... 🤔

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.... 🤔

matt rothenberg

40,363 views • 3 months ago

This is DjTunez playing Davido’s song in Lagos lastnight….. it’s just bant to Wizkid and Tunez.. no single component of 8ate in their hearts 🦅❤️

This is DjTunez playing Davido’s song in Lagos lastnight….. it’s just bant to Wizkid and Tunez.. no single component of 8ate in their hearts 🦅❤️

ABEFE 🤌🏿 🤌🏿

196,167 views • 7 months ago