Loading video...

Video Failed to Load

Go Home

A new shadcn primitive for ye! The Image Crop component — a fully composable component for cropping uploaded images. Link 👇🧵

haydenbleasel's profile picture

Hayden Bleasel

10,045 subscribers

29,571 views • 1 year ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Another banger Kibo UI component by rickyrickyri just dropped! A fully composable shadcn credit card component 💳 Link 👇🧵
0:17

Another banger Kibo UI component by rickyrickyri just dropped! A fully composable shadcn credit card component 💳 Link 👇🧵

Hayden Bleasel

34,992 views • 1 year ago

Say hi to the Kibo UI QR Code shadcn component! 🔠 Pass in any string 💪 Adjustable level of robustness 🎨 Customizable styling 🧠 Works with the new OKLCH CSS variables 💻 React Server Component available ↔️ Infinitely scalable SVG Link 👇🧵
0:10

Say hi to the Kibo UI QR Code shadcn component! 🔠 Pass in any string 💪 Adjustable level of robustness 🎨 Customizable styling 🧠 Works with the new OKLCH CSS variables 💻 React Server Component available ↔️ Infinitely scalable SVG Link 👇🧵

Hayden Bleasel

21,110 views • 1 year ago

Just shipped a whole new edit layout for tryglow. Also shout-out to shadcn for the excellent new sidebar component, which saved me a load of time!
0:12

Just shipped a whole new edit layout for tryglow. Also shout-out to shadcn for the excellent new sidebar component, which saved me a load of time!

Alex Pate

15,086 views • 1 year ago

🎉 Introducing: Interactive ASCII Component for Framer. Turn your images into interactive ASCII art with fully customizable properties. RT + comment "ASCII" and i'll send you the component :)
0:10

🎉 Introducing: Interactive ASCII Component for Framer. Turn your images into interactive ASCII art with fully customizable properties. RT + comment "ASCII" and i'll send you the component :)

Framer University

82,513 views • 1 year ago

New standard for the accordion component in Figma
0:15

New standard for the accordion component in Figma

Dmitrii Bunin

35,944 views • 2 years ago

introducing: interactive 3d image distortion for Framer add a smooth distortion effect to your images that reacts to cursor movement—perfect for giving depth and interactivity to your designs. comment "DISTORT" and i’ll send you the component :)
0:10

introducing: interactive 3d image distortion for Framer add a smooth distortion effect to your images that reacts to cursor movement—perfect for giving depth and interactivity to your designs. comment "DISTORT" and i’ll send you the component :)

Framer University

18,691 views • 10 months ago

introducing: 3D image scan effect for Framer. fully customizable, with built-in interactivity and multiple visual modes. retweet & comment the word "SCAN" and i'll send you the component for free :)
0:18

introducing: 3D image scan effect for Framer. fully customizable, with built-in interactivity and multiple visual modes. retweet & comment the word "SCAN" and i'll send you the component for free :)

Framer University

13,216 views • 11 months ago

introducing: save frame as image component for Framer. let your users download any frame on your site as an image with one click perfect for membership cards, gift cards, event passes, receipts, and more. comment 'SAVE' and i’ll send you the component :)
0:15

introducing: save frame as image component for Framer. let your users download any frame on your site as an image with one click perfect for membership cards, gift cards, event passes, receipts, and more. comment 'SAVE' and i’ll send you the component :)

Framer University

12,210 views • 1 year ago

I needed a searchable, multi-selectable input component and v0 pulled through once again using the shadcn Select and Combobox components:
0:13

I needed a searchable, multi-selectable input component and v0 pulled through once again using the shadcn Select and Combobox components:

ahmet 🇹🇷

36,282 views • 1 year ago

Would love for Figma to introduce generative variants into component sets: 1. Select a layer 2. Click generate variants 3. Figma generates variants into a new component set 4. Original layer turns into an instance of that component set Quick proto...
0:13

Would love for Figma to introduce generative variants into component sets: 1. Select a layer 2. Click generate variants 3. Figma generates variants into a new component set 4. Original layer turns into an instance of that component set Quick proto...

Midas Kwant

44,231 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 :)
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,754 views • 1 year ago

introducing: interactive animated 3d globe for Framer. a fully customizable globe with rotation, drag, markers, and visual styling. comment “GLOBE” and i’ll send you the component for free :)
0:10

introducing: interactive animated 3d globe for Framer. a fully customizable globe with rotation, drag, markers, and visual styling. comment “GLOBE” and i’ll send you the component for free :)

Framer University

42,449 views • 6 months 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
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,833 views • 1 year ago

🚨 IONIC V8 BETA IS HERE 🚨 The latest release for Ionic is here with tons of new features and improvements 🎨 A more accessible high contrast theme 🧑‍🎨 Updated component design to match iOS 17 🦞 Revamped Picker Component for inline use Check it out in action! 👇
0:12

🚨 IONIC V8 BETA IS HERE 🚨 The latest release for Ionic is here with tons of new features and improvements 🎨 A more accessible high contrast theme 🧑‍🎨 Updated component design to match iOS 17 🦞 Revamped Picker Component for inline use Check it out in action! 👇

ionic

12,848 views • 2 years 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
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,755 views • 1 year ago

1/ Introducing deBridge P2P, a global OTC desk for DeFi ✨ A powerful new primitive for power users and institutions 🧵
0:16

1/ Introducing deBridge P2P, a global OTC desk for DeFi ✨ A powerful new primitive for power users and institutions 🧵

deBridge

192,948 views • 2 years ago

if you're building a tree component, avoid dead zones for nested items
0:11

Sensitive content

if you're building a tree component, avoid dead zones for nested items

dmytro

101,392 views • 7 months ago

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

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

dmytro

182,311 views • 3 months ago