Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

EğitimBilim & TeknolojiSanat
LIVE

Anya Rossi• Live Now

Private livecam show

10 Yorum

shadcn profil fotoğrafı
shadcn1 yıl önce

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

Atilay profil fotoğrafı
Atilay1 yıl önce

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

shadcn profil fotoğrafı
shadcn1 yıl önce

Tailwind v4 uses cursor-default for buttons.

Weather, Maps and some AI profil fotoğrafı
Weather, Maps and some AI1 yıl önce

Do you have the right weather app for this season?

Arjūn Rāj profil fotoğrafı
Arjūn Rāj1 yıl önce

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

Dennis profil fotoğrafı
Dennis1 yıl önce

anyone else in love with Mono.. so good

shadcn profil fotoğrafı
shadcn1 yıl önce

Right! So good.

TLM13 profil fotoğrafı
TLM131 yıl önce

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

Joe Crowley profil fotoğrafı
Joe Crowley1 yıl önce

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

OrcDev profil fotoğrafı
OrcDev1 yıl önce

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

Benzer Videolar

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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