Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

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

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

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

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

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

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

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

165,297 görüntüleme • 5 ay önce

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

91,003 görüntüleme • 1 yıl önce

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

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

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

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

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

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

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

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

Gooey bar shadcn component idea
0:18

Gooey bar shadcn component idea

Ali Bey

37,173 görüntüleme • 5 ay önce

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

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