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.

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

15,763 subscribers

21,110 views • 1 year ago •via X (Twitter)

Science & Technology

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 👇🧵

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

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

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

Hayden Bleasel

29,571 views • 1 year ago

Made a file-uploader component with shadcn ui, react-dropzone, and Theo uploadthing.

Made a file-uploader component with shadcn ui, react-dropzone, and Theo uploadthing.

sadman

85,446 views • 2 years ago

a react component which — takes any SVG string — serializes & parses the SVG data — renders a fully interactive editor — control handles, point dragging & selection built in Polar

a react component which — takes any SVG string — serializes & parses the SVG data — renders a fully interactive editor — control handles, point dragging & selection built in Polar

emil

42,761 views • 3 months ago

Code Connect is now out of beta and with new improvements (!!) → Code Connect snippets in the component playground → A new and faster setup process → Support for React, React Native, SwiftUI, Compose, and more coming soon → Now available for supported UI Kits #Config2024

Code Connect is now out of beta and with new improvements (!!) → Code Connect snippets in the component playground → A new and faster setup process → Support for React, React Native, SwiftUI, Compose, and more coming soon → Now available for supported UI Kits #Config2024

Figma

66,439 views • 2 years ago

Hotel management dashboard template. Built with React, Tailwind CSS & shadcn/ui 👇👇

Hotel management dashboard template. Built with React, Tailwind CSS & shadcn/ui 👇👇

Toby

89,472 views • 5 months ago

Introducing Generative UI for MCP Apps One server. Infinite interfaces. Instead of building views, define a component catalog. The AI assembles the right UI based on your API, CLI or MCP server tools. Works in Claude, ChatGPT, VS Code, Cursor and more

Introducing Generative UI for MCP Apps One server. Infinite interfaces. Instead of building views, define a component catalog. The AI assembles the right UI based on your API, CLI or MCP server tools. Works in Claude, ChatGPT, VS Code, Cursor and more

Chris Tate

165,297 views • 5 months ago

Introducing Kibo UI Blocks — a new series of shadcn inspired blocks for building interfaces with Kibo components! Copy and paste into your app. As always, open source and free forever. Here's a list of blocks we're launching with 👇🧵

Introducing Kibo UI Blocks — a new series of shadcn inspired blocks for building interfaces with Kibo components! Copy and paste into your app. As always, open source and free forever. Here's a list of blocks we're launching with 👇🧵

Hayden

91,003 views • 1 year ago

Added a glow feature to my shadcn cards with tailwind v4, no component duplication, just blendmode and css shananigans ✨

Added a glow feature to my shadcn cards with tailwind v4, no component duplication, just blendmode and css shananigans ✨

Dev Ed

61,377 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

Animating React Aria Tabs, ToggleButtonGroup, etc. is about to be super easy with the new SelectionIndicator component. 🥳 • Native CSS transitions, no animation library needed. • Works with SSR with no flicker before JS runs. • No ResizeObserver. • Enter + exit animations.

Animating React Aria Tabs, ToggleButtonGroup, etc. is about to be super easy with the new SelectionIndicator component. 🥳 • Native CSS transitions, no animation library needed. • Works with SSR with no flicker before JS runs. • No ResizeObserver. • Enter + exit animations.

Devon Govett

22,905 views • 11 months ago

onboarding checklist component UI showcase animation. JS, built with Claude Code

onboarding checklist component UI showcase animation. JS, built with Claude Code

Juliette

16,628 views • 5 months ago

🎉 Introducing: Interactive Lanyard Component for @Framer. Add a custom 3D lanyard with adjustable colors, patterns, and styles to your site without any coding. RT + comment 'LANYARD' and i'll send you the component :)

🎉 Introducing: Interactive Lanyard Component for @Framer. Add a custom 3D lanyard with adjustable colors, patterns, and styles to your site without any coding. RT + comment 'LANYARD' and i'll send you the component :)

Framer University

104,173 views • 1 year ago

made a media-player component with shadcn /ui. includes 120 fps scrubbing, volume and loading indicators, hls support and more.

made a media-player component with shadcn /ui. includes 120 fps scrubbing, volume and loading indicators, hls support and more.

sadman

160,067 views • 1 year ago

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

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

33,607 views • 1 month ago

New week, new component! ⚡️Built an expandable bottom menu with Expo and reanimated. works on web, android & ios get the code below ↓

New week, new component! ⚡️Built an expandable bottom menu with Expo and reanimated. works on web, android & ios get the code below ↓

rs

28,971 views • 1 year ago

Gooey bar shadcn component idea

Gooey bar shadcn component idea

Ali Bey

37,173 views • 6 months ago

just shipped a curved scrollbar made with Expo react-native-svg and reanimated works on mobile and web grab the code 👇

just shipped a curved scrollbar made with Expo react-native-svg and reanimated works on mobile and web grab the code 👇

rs

30,840 views • 1 year ago