Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

🎛️ Shadcn Combobox! A fast, searchable combobox component with 12 variants - perfect for lookups, filters, pickers, and multi-select inputs. 💎 Types: 🔍 Typeahead search 🧩 Single & multi-select 👤 Avatar & icon options #shadcn #ui #react #tailwind #buildinpublic

ShadcnStudio's profile picture

Shadcn Studio

2,062 subscribers

20,783 Aufrufe • vor 7 Monaten •via X (Twitter)

KunstBildungWissenschaft & Technologie#shadcn#ui#react#tailwind#buildinpublic
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

📑 Shadcn Tabs Organize content with 26 tab variants for dashboards, settings, and multi-section layouts, all built with React + Tailwind. 💎 Types: 📍 Horizontal/vertical ✨ Animated tabs 🧭 Scrollable overflow Watch the preview below 👇 #shadcn #ui #react #tailwind
1:00

📑 Shadcn Tabs Organize content with 26 tab variants for dashboards, settings, and multi-section layouts, all built with React + Tailwind. 💎 Types: 📍 Horizontal/vertical ✨ Animated tabs 🧭 Scrollable overflow Watch the preview below 👇 #shadcn #ui #react #tailwind

Shadcn Studio

24,086 Aufrufe • vor 8 Monaten

⚡️ Common ComboBox component with more controls on customized list items and selection ⌘ Build with shadcn and Tailwind CSS Demo: Source Code (Free): #webdev #buildinpublic #uiux #nextjs #reactjs
0:44

⚡️ Common ComboBox component with more controls on customized list items and selection ⌘ Build with shadcn and Tailwind CSS Demo: Source Code (Free): #webdev #buildinpublic #uiux #nextjs #reactjs

Bharat Kara

17,387 Aufrufe • vor 1 Jahr

⚡️Update: Multi-select product list ⌘ Display selected items (Source code in 🧵👇) ⌘ Infinite scrolling using TANSTACK ⌘ Searchable combo box using shadcn ⌘ API with Hono with full type support ⌘ 📋 React Hook Form with Zod validation #webdev #buildinpublic #uiux #reactjs #Nextjs
0:52

⚡️Update: Multi-select product list ⌘ Display selected items (Source code in 🧵👇) ⌘ Infinite scrolling using TANSTACK ⌘ Searchable combo box using shadcn ⌘ API with Hono with full type support ⌘ 📋 React Hook Form with Zod validation #webdev #buildinpublic #uiux #reactjs #Nextjs

Bharat Kara

24,376 Aufrufe • vor 1 Jahr

Introducing Upstash Search UI - a beautiful, shadcn-inspired search component 🎉 ◆ Pre-styled & accessible out of the box ◆ Built-in keyword highlighting ◆ Perfect for React & Next.js Add beautiful, professional search to your app in seconds 👀
1:08

Introducing Upstash Search UI - a beautiful, shadcn-inspired search component 🎉 ◆ Pre-styled & accessible out of the box ◆ Built-in keyword highlighting ◆ Perfect for React & Next.js Add beautiful, professional search to your app in seconds 👀

Upstash

26,953 Aufrufe • vor 1 Jahr

A shadcn ui currency select. 🌍 ISO 4217 compliance (currency codes) ✨ Small version 🏁 All countries or custom selection #buildinpublic
0:42

A shadcn ui currency select. 🌍 ISO 4217 compliance (currency codes) ✨ Small version 🏁 All countries or custom selection #buildinpublic

Matt

32,230 Aufrufe • vor 1 Jahr

Big React Aria release! 🚀 🥳 Multi Select! 🎬 ComboBox onAction prop, e.g. "create" item ➡️ Disclosure animation ✅ New SelectionIndicator component – animations in Tabs, ToggleButtonGroup, etc. 📱 Improved modal scrolling behavior in iOS 26 📆 Calendar selectionAlignment prop
0:30

Big React Aria release! 🚀 🥳 Multi Select! 🎬 ComboBox onAction prop, e.g. "create" item ➡️ Disclosure animation ✅ New SelectionIndicator component – animations in Tabs, ToggleButtonGroup, etc. 📱 Improved modal scrolling behavior in iOS 26 📆 Calendar selectionAlignment prop

Devon Govett

51,386 Aufrufe • vor 9 Monaten

React Native & with Expo using shadcn template !!! ✨New Component: Import Alert Dialog Components and easily add it your React Native & Expo App Both Expo and RN CLI #buildinpublic #buildingpublic
0:27

React Native & with Expo using shadcn template !!! ✨New Component: Import Alert Dialog Components and easily add it your React Native & Expo App Both Expo and RN CLI #buildinpublic #buildingpublic

Sid

63,527 Aufrufe • vor 2 Jahren

The new Origin UI set just dropped 🚀 Over 50 examples of select, multiselect, and combobox components.
0:24

The new Origin UI set just dropped 🚀 Over 50 examples of select, multiselect, and combobox components.

Pasquale Vitiello

89,397 Aufrufe • vor 1 Jahr

We just shipped v3.0 🚀 Added new figma file for:- ✨ 10 Landing pages 🎨 New 50+ Blocks 🎨 New component library ⚡ Better code output ✅ Added new creative buttons component 🔥 New Figma file, lighter version #shadcn #ui #react #tailwind #buildinpublic
0:20

We just shipped v3.0 🚀 Added new figma file for:- ✨ 10 Landing pages 🎨 New 50+ Blocks 🎨 New component library ⚡ Better code output ✅ Added new creative buttons component 🔥 New Figma file, lighter version #shadcn #ui #react #tailwind #buildinpublic

Shadcn Studio

12,083 Aufrufe • vor 7 Monaten

Just open-sourced the app I built to test Tailwind v4. • Tailwind v4 + React 19 • Custom themes, colors & scaling • Data Table with filters • Draggable & editable rows Code’s yours. Link below.
0:29

Just open-sourced the app I built to test Tailwind v4. • Tailwind v4 + React 19 • Custom themes, colors & scaling • Data Table with filters • Draggable & editable rows Code’s yours. Link below.

shadcn

538,266 Aufrufe • vor 1 Jahr

Made a Phone Input component with shadcn ui and libphonenumber-js
0:37

Made a Phone Input component with shadcn ui and libphonenumber-js

Damián Ricobelli

48,295 Aufrufe • vor 2 Jahren

Address autocomplete component made with shadcn ui and google places api...
0:24

Address autocomplete component made with shadcn ui and google places api...

Niaz Morshed

130,080 Aufrufe • vor 2 Jahren

After months of hard work, it's here! 🚀 The NEW shadcn/ui kit for Figma, based on Tailwind v4 and shadcn 2.5.0! What's new? ⭐ Updated Figma kit ⭐ Refactored Pro Blocks for Tailwind v4 ⭐ 28 new Pro Blocks ⭐ Added new AI models to our plugin for improved component generation ⭐ New feature: Export Figma themes via our plugin and install them with shadcn/ui registry
2:27

After months of hard work, it's here! 🚀 The NEW shadcn/ui kit for Figma, based on Tailwind v4 and shadcn 2.5.0! What's new? ⭐ Updated Figma kit ⭐ Refactored Pro Blocks for Tailwind v4 ⭐ 28 new Pro Blocks ⭐ Added new AI models to our plugin for improved component generation ⭐ New feature: Export Figma themes via our plugin and install them with shadcn/ui registry

Matt

26,730 Aufrufe • vor 1 Jahr

I built a quick app to search through expo/vector-icons 🚀 ◆ Framework — Expo Router ◆ Hosting — eas deploy ◆ UI — shadcn / Tailwind ◆ Virtual list — tanstack/react-virtual Link and source below ↓
0:20

I built a quick app to search through expo/vector-icons 🚀 ◆ Framework — Expo Router ◆ Hosting — eas deploy ◆ UI — shadcn / Tailwind ◆ Virtual list — tanstack/react-virtual Link and source below ↓

Evan Bacon 🥓

34,384 Aufrufe • vor 1 Jahr

shadcn/ui patterns. No React. No build. Just Rails. Maquina Components gives you the same component architecture — ERB partials + StimulusJS + Tailwind CSS v4. Claude skill for AI-assisted dev: #Rails #RubyOnRails
1:48

shadcn/ui patterns. No React. No build. Just Rails. Maquina Components gives you the same component architecture — ERB partials + StimulusJS + Tailwind CSS v4. Claude skill for AI-assisted dev: #Rails #RubyOnRails

Mario Alberto Chávez

29,721 Aufrufe • vor 6 Monaten

airtable and linear linear like filters, and sorting for TANSTACK table. built with shadcn ui.
0:25

airtable and linear linear like filters, and sorting for TANSTACK table. built with shadcn ui.

sadman

96,489 Aufrufe • vor 1 Jahr

We’ve brought shadcn/create into our Figma toolkit. With our Figma to shadcn/ui plugin, you can tailor the component library just like you do in shadcn/create - directly in Figma. Adjust base and theme colors, radii, fonts, and icon sets in seconds.
0:51

We’ve brought shadcn/create into our Figma toolkit. With our Figma to shadcn/ui plugin, you can tailor the component library just like you do in shadcn/create - directly in Figma. Adjust base and theme colors, radii, fonts, and icon sets in seconds.

Matt

10,553 Aufrufe • vor 5 Monaten

The wait is over, Guys! 😌 Finally, we've shipped Shadcn Studio 🎉 An open-source registry with copy-and-paste components, blocks, and templates! - Paired with a powerful theme editor to craft, customize, and ship faster. 🚀 - Shadcn Theme Editor & Component variants ✅ - Theme Import/Export ✅ - Save Shadcn Themes ✅ - Shadcn Component Variants ⌛ - Shadcn Figma UI Kit ⌛ - Shadcn Blocks & Templates ⌛ - Figma Plugin, AI, MCP, LLM and more.. ⌛ ➡️ Check it out here: Huge thanks to Anand Patel, Heet Bhalodiya & Aayush Makwana for their incredible work on this! 🙌 Special thanks to shadcn Sahaj 🫱🏼‍🫲🏼 We’d love to hear your thoughts and feedback from the community! Let us know what you think. 😀
1:42

The wait is over, Guys! 😌 Finally, we've shipped Shadcn Studio 🎉 An open-source registry with copy-and-paste components, blocks, and templates! - Paired with a powerful theme editor to craft, customize, and ship faster. 🚀 - Shadcn Theme Editor & Component variants ✅ - Theme Import/Export ✅ - Save Shadcn Themes ✅ - Shadcn Component Variants ⌛ - Shadcn Figma UI Kit ⌛ - Shadcn Blocks & Templates ⌛ - Figma Plugin, AI, MCP, LLM and more.. ⌛ ➡️ Check it out here: Huge thanks to Anand Patel, Heet Bhalodiya & Aayush Makwana for their incredible work on this! 🙌 Special thanks to shadcn Sahaj 🫱🏼‍🫲🏼 We’d love to hear your thoughts and feedback from the community! Let us know what you think. 😀

Ajay Patel

85,908 Aufrufe • vor 1 Jahr

Introducing Prism UI ✨ A UI library built on top of shadcn components to create beautiful pages 🪄 Animated components that are build on shadcn, Tailwind CSS and framer motion. 100% Free and Open Source I have drawn inspiration from two main sources ◆ shadcn - The foundation and the 🐐 ◆ Steven Tey - The clean, modern UI/UX seen in dub has been a huge inspiration Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry (framer motion) This was my holiday project - Hope you like it 🖤 #opensource #buildinpublic
0:47

Introducing Prism UI ✨ A UI library built on top of shadcn components to create beautiful pages 🪄 Animated components that are build on shadcn, Tailwind CSS and framer motion. 100% Free and Open Source I have drawn inspiration from two main sources ◆ shadcn - The foundation and the 🐐 ◆ Steven Tey - The clean, modern UI/UX seen in dub has been a huge inspiration Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry (framer motion) This was my holiday project - Hope you like it 🖤 #opensource #buildinpublic

CodeHagen

241,425 Aufrufe • vor 1 Jahr

the Shadcn UI component explorer just got a huge upgrade:
0:32

the Shadcn UI component explorer just got a huge upgrade:

Dan ⚡️

68,000 Aufrufe • vor 1 Jahr