正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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 次观看 • 1 年前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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 次观看 • 11 个月前

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 次观看 • 1 年前

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 次观看 • 2 年前

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,547 次观看 • 1 个月前

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

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

Toby

88,879 次观看 • 3 个月前

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

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 次观看 • 2 个月前

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

164,515 次观看 • 3 个月前

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 Bleasel

90,967 次观看 • 1 年前

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

60,593 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 9 个月前

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 次观看 • 4 个月前

🎉 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,036 次观看 • 1 年前

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 次观看 • 1 年前

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

"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 次观看 • 1 年前

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 次观看 • 1 年前

Gooey bar shadcn component idea

Gooey bar shadcn component idea

Ali Bey

37,173 次观看 • 4 个月前

See all the places your React component is used in VSCode with referencesCodeLens

See all the places your React component is used in VSCode with referencesCodeLens

Alex Sidorenko

136,968 次观看 • 1 年前

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

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,408 次观看 • 6 个月前