Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

emanueledpt's profile picture

Emanuele Di Pietro

10,959 subscribers

33,607 görüntüleme • 1 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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.
0:18

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

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

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 görüntüleme • 1 yıl önce

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

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 görüntüleme • 1 yıl önce

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

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 görüntüleme • 1 yıl önce

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

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 görüntüleme • 1 yıl önce

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
0:12

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 görüntüleme • 1 yıl önce

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

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 görüntüleme • 1 yıl önce

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.
0:13

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 görüntüleme • 1 yıl önce

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

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 görüntüleme • 1 yıl önce

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
0:13

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

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
0:13

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

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
0:12

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

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.
0:15

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 görüntüleme • 1 yıl önce

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
0:17

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 görüntüleme • 1 yıl önce

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.
0:11

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 görüntüleme • 1 yıl önce

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
0:19

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

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.
0:11

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

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.... 🤔
0:11

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

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 🦅❤️
0:15

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