Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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's profile picture

shadcn

225,597 subscribers

538,099 Aufrufe • vor 1 Jahr •via X (Twitter)

BildungWissenschaft & TechnologieKunst
LIVE

Anya Rossi• Live Now

Private livecam show

10 Kommentare

Profilbild von shadcn
shadcnvor 1 Jahr

Visit and try the themes. Look for the GitHub link for the code.

Profilbild von Atilay
Atilayvor 1 Jahr

Looks sick! Why don't some buttons trigger cursor: pointer? I updated my website to v4 too, and it has the same issue.

Profilbild von shadcn
shadcnvor 1 Jahr

Tailwind v4 uses cursor-default for buttons.

Profilbild von Weather, Maps and some AI
Weather, Maps and some AIvor 1 Jahr

Do you have the right weather app for this season?

Profilbild von Arjūn Rāj
Arjūn Rājvor 1 Jahr

That was too fast 💨 5 seconds penalty for over speeding in the dev pits 🏎️

Profilbild von Dennis
Dennisvor 1 Jahr

anyone else in love with Mono.. so good

Profilbild von shadcn
shadcnvor 1 Jahr

Right! So good.

Profilbild von TLM13
TLM13vor 1 Jahr

From "it looks like every shadcn app" To "I want my app to look like this shadcn app"

Profilbild von Joe Crowley
Joe Crowleyvor 1 Jahr

is there a i can share with an llm to use them all?

Profilbild von OrcDev
OrcDevvor 1 Jahr

Theme selector is sick, I have to try it out locally!

Ähnliche Videos

Introducing Table and Data Table components. Powered by TanStack Table ✨ Built using Radix UI and Tailwind CSS. With Pagination, Row Selection, Sorting, Filters, Row Actions and Keyboard Navigation.
0:47

Introducing Table and Data Table components. Powered by TanStack Table ✨ Built using Radix UI and Tailwind CSS. With Pagination, Row Selection, Sorting, Filters, Row Actions and Keyboard Navigation.

shadcn

420,995 Aufrufe • vor 3 Jahren

Introducing Nim, the first motion-primitives template. A minimal personal website with an MDX blog and animated components. Built with Next.js 15, React 19, Tailwind CSS v4, and Motion.
0:26

Introducing Nim, the first motion-primitives template. A minimal personal website with an MDX blog and animated components. Built with Next.js 15, React 19, Tailwind CSS v4, and Motion.

Ibelick

27,338 Aufrufe • vor 1 Jahr

I built a portfolio/blog starter template with: • React / Next.js • MDX / Markdown • Tailwind v4 • Dynamic RSS / Sitemap • Dynamic OG images • Syntax highlighting • Simple design / Geist font
2:20

I built a portfolio/blog starter template with: • React / Next.js • MDX / Markdown • Tailwind v4 • Dynamic RSS / Sitemap • Dynamic OG images • Syntax highlighting • Simple design / Geist font

Lee Robinson

91,751 Aufrufe • vor 2 Jahren

Introducing the open-source Next.js Audio Starter Kit Add Text to Speech, Speech to Text, Sound Effects and Conversational AI to your product in minutes. Built with: • ElevenLabs SDK • Next.js + shadcn/ui • Tailwind CSS v4 Repo link in the comments below:
1:01

Introducing the open-source Next.js Audio Starter Kit Add Text to Speech, Speech to Text, Sound Effects and Conversational AI to your product in minutes. Built with: • ElevenLabs SDK • Next.js + shadcn/ui • Tailwind CSS v4 Repo link in the comments below:

ElevenLabs Developers

145,665 Aufrufe • vor 1 Jahr

🦊 搞定！ MkSaaS 模板已升级到 Tailwind v4，集成 Shadcnui 最新 Dashboard 面板 这个技术栈几乎完美了！ Nextjs 15 + React 19 + Tailwind v4 + Shadcn UI + Vercel AI SDK + Better Auth + Content Collections + Drizzle + Stripe + Resend + Next-intl + Tanstack Table + Next safe action
0:26

🦊 搞定！ MkSaaS 模板已升级到 Tailwind v4，集成 Shadcnui 最新 Dashboard 面板 这个技术栈几乎完美了！ Nextjs 15 + React 19 + Tailwind v4 + Shadcn UI + Vercel AI SDK + Better Auth + Content Collections + Drizzle + Stripe + Resend + Next-intl + Tanstack Table + Next safe action

[email protected]

52,498 Aufrufe • vor 1 Jahr

Tailwind v4 killed the config file 😳 Now, it's just CSS variables. Here's why that's awesome
0:59

Tailwind v4 killed the config file 😳 Now, it's just CSS variables. Here's why that's awesome

Ben Holmes

86,900 Aufrufe • vor 1 Jahr

Little whirlwind tour of some theme customization workflows in Tailwind CSS v4 🌪️
0:38

Little whirlwind tour of some theme customization workflows in Tailwind CSS v4 🌪️

Adam Wathan

65,392 Aufrufe • vor 2 Jahren

This week, Gabriel Perales 🤓 and I worked together on a tool for Tailwind CSS users. The tool lets you easily create grids for your Tailwind CSS projects, perfect for generating bento-style grids! It supports Tailwind CSS v3/v4 —
1:08

This week, Gabriel Perales 🤓 and I worked together on a tool for Tailwind CSS users. The tool lets you easily create grids for your Tailwind CSS projects, perfect for generating bento-style grids! It supports Tailwind CSS v3/v4 —

Michael Andreuzza

69,293 Aufrufe • vor 1 Jahr

Introducing Dotmatrix🗿 A collection of 55+ free and open-source dot-matrix loaders, built with React, TypeScript, Tailwind CSS, and shadcn. Install one, copy the code, and make it yours. Link: 👇🏼
0:59

Introducing Dotmatrix🗿 A collection of 55+ free and open-source dot-matrix loaders, built with React, TypeScript, Tailwind CSS, and shadcn. Install one, copy the code, and make it yours. Link: 👇🏼

shawn.

143,341 Aufrufe • vor 1 Monat

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,719 Aufrufe • vor 4 Monaten

1️⃣ - When a UI library gets popular, every app starts to look the same. How do we solve this? Introducing Styles. A new approach for shipping UI components. Start with Radix UI and Tailwind CSS. Add a style, including shapes, icons & animations. Apply your colors. ⬇️
0:25

1️⃣ - When a UI library gets popular, every app starts to look the same. How do we solve this? Introducing Styles. A new approach for shipping UI components. Start with Radix UI and Tailwind CSS. Add a style, including shapes, icons & animations. Apply your colors. ⬇️

shadcn

531,672 Aufrufe • vor 3 Jahren

Introducing Fancy Components: a collection full of fancy, fun, edgy and useless React components! — Built with react, ts, Tailwind CSS and Motion — Each comp. includes examples and docs to help you understand how it works and is built — 100% free & open-source! link↴
0:27

Introducing Fancy Components: a collection full of fancy, fun, edgy and useless React components! — Built with react, ts, Tailwind CSS and Motion — Each comp. includes examples and docs to help you understand how it works and is built — 100% free & open-source! link↴

daniel petho

188,521 Aufrufe • vor 1 Jahr

HUGE React Aria release! 🍿 🔍 Autocomplete: Command Palette, Searchable Select and Submenu examples 🆕 3 new components: Toast, Tree, and Virtualizer 🧩 Custom Menu/Popover/Tooltip triggers 🌉 Table colspan 👆 usePress interop, fixing 15+ issues 💨 Tailwind v4 📅 DatePicker RTL
0:30

HUGE React Aria release! 🍿 🔍 Autocomplete: Command Palette, Searchable Select and Submenu examples 🆕 3 new components: Toast, Tree, and Virtualizer 🧩 Custom Menu/Popover/Tooltip triggers 🌉 Table colspan 👆 usePress interop, fixing 15+ issues 💨 Tailwind v4 📅 DatePicker RTL

Devon Govett

47,297 Aufrufe • vor 1 Jahr

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

Quick demo of JS config file support and plugin support in the latest Tailwind CSS v4 alpha 🫣
6:27

Quick demo of JS config file support and plugin support in the latest Tailwind CSS v4 alpha 🫣

Adam Wathan

91,557 Aufrufe • vor 1 Jahr

✨I built X mobile app on React (Native) & Tailwind CSS! ✅X user profile screen ✅swipable tabs ✅X-like bottom sheet ✅draggable and swipeable lists ✅example video tab ✅nested expo router tab, drawer ✅animated splash screen ✅animated like button GitHub link on comment👇
1:47

✨I built X mobile app on React (Native) & Tailwind CSS! ✅X user profile screen ✅swipable tabs ✅X-like bottom sheet ✅draggable and swipeable lists ✅example video tab ✅nested expo router tab, drawer ✅animated splash screen ✅animated like button GitHub link on comment👇

Saúl

92,471 Aufrufe • vor 1 Jahr

📑 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 6 Monaten

I’ve had this for a while Built with React,tailwind and Appwrite
0:45

I’ve had this for a while Built with React,tailwind and Appwrite

Your_TechSis🌐

20,803 Aufrufe • vor 2 Jahren

Today’s the day 🚀 After two sold-out live workshops — “Pixel Perfect Figma to Tailwind” is launching as a video course 🎬 Covers both Tailwind CSS v3 and v4 ✨ Super STOKED about this 🎉
0:20

Today’s the day 🚀 After two sold-out live workshops — “Pixel Perfect Figma to Tailwind” is launching as a video course 🎬 Covers both Tailwind CSS v3 and v4 ✨ Super STOKED about this 🎉

Simon Vrachliotis

107,496 Aufrufe • vor 1 Jahr

It's finally here! Untitled UI React is live ✨ Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS v4.1 and React Aria. Just copy, paste, and build. 👇
1:02

It's finally here! Untitled UI React is live ✨ Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS v4.1 and React Aria. Just copy, paste, and build. 👇

Jordan Hughes

243,721 Aufrufe • vor 11 Monaten