Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

haydenbleasel's profile picture

Hayden Bleasel

15,763 subscribers

21,110 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche 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 Aufrufe • vor 1 Jahr

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

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

Hayden Bleasel

29,571 Aufrufe • vor 1 Jahr

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

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

sadman

85,446 Aufrufe • vor 2 Jahren

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

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,547 Aufrufe • vor 2 Monaten

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

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,436 Aufrufe • vor 2 Jahren

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

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

Toby

89,274 Aufrufe • vor 4 Monaten

Figma design vs Claude Code output Here's my workflow: → Built the component on shadcn/ui foundations → Wrote a SKILLS.md file that systematized design-token extraction (included inputs, extraction protocol, tech selection, tailwind rules, layout etc) → Fed Claude the Figma CSS + 2x-scaled component PNGs (halved the measurements) → Iterated bit-by-bit in Claude Code until I as satisfied with the output
0:18

Figma design vs Claude Code output Here's my workflow: → Built the component on shadcn/ui foundations → Wrote a SKILLS.md file that systematized design-token extraction (included inputs, extraction protocol, tech selection, tailwind rules, layout etc) → Fed Claude the Figma CSS + 2x-scaled component PNGs (halved the measurements) → Iterated bit-by-bit in Claude Code until I as satisfied with the output

CJ @ Jackie Brown

27,054 Aufrufe • vor 3 Monaten

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

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

164,515 Aufrufe • vor 4 Monaten

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

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 Bleasel

90,967 Aufrufe • vor 1 Jahr

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

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

Dev Ed

61,377 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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

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 Aufrufe • vor 10 Monaten

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

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

Juliette

16,628 Aufrufe • vor 5 Monaten

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

🎉 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,087 Aufrufe • vor 1 Jahr

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

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

sadman

160,067 Aufrufe • vor 1 Jahr

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

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 Aufrufe • vor 1 Jahr

"Can I pass a zod schema from a server to a client component as a prop?" Nope, zod schema is not serializable. But you can re-import it in the client component.
0:19

"Can I pass a zod schema from a server to a client component as a prop?" Nope, zod schema is not serializable. But you can re-import it in the client component.

Alex Sidorenko

35,064 Aufrufe • vor 1 Jahr

Gooey bar shadcn component idea
0:18

Gooey bar shadcn component idea

Ali Bey

37,173 Aufrufe • vor 5 Monaten

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

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

rs

30,840 Aufrufe • vor 1 Jahr