正在加载视频...

视频加载失败

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

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

225,597 subscribers

538,099 次观看 • 1 年前 •via X (Twitter)

教育科学技术艺术

Anya Rossi• Live Now

Private livecam show

10 条评论

shadcn 的头像

shadcn1 年前

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

Atilay 的头像

Atilay1 年前

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

shadcn 的头像

shadcn1 年前

Tailwind v4 uses cursor-default for buttons.

Weather, Maps and some AI 的头像

Weather, Maps and some AI1 年前

Do you have the right weather app for this season?

Arjūn Rāj 的头像

Arjūn Rāj1 年前

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

Dennis 的头像

Dennis1 年前

anyone else in love with Mono.. so good

shadcn 的头像

shadcn1 年前

Right! So good.

TLM13 的头像

TLM131 年前

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

Joe Crowley 的头像

Joe Crowley1 年前

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

OrcDev 的头像

OrcDev1 年前

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

相关视频

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.

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

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.

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

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

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

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:

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

🦊 搞定！ 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

🦊 搞定！ 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 次观看 • 1 年前

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

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

Ben Holmes

86,900 次观看 • 1 年前

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

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

Adam Wathan

65,392 次观看 • 2 年前

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 —

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

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: 👇🏼

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

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

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

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. ⬇️

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

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↴

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

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

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

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

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

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

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

Adam Wathan

91,557 次观看 • 1 年前

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

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

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

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

Your_TechSis🌐

20,803 次观看 • 2 年前

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 🎉

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

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

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