Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Still have some fine-tuning to do with my AlpineJS and Tailwind CSS UI kit, but it's coming together 👌

Tony Lea

7,862 subscribers

25,539 views • 3 years ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

10 Comments

Roger Rocha3 years ago

@Alpine_JS @tailwindcss just for curiosity, is it possible to use this ui library with the filament examples or TALL stack projects?

Tony Lea3 years ago

@Alpine_JS @tailwindcss Absolutely 👏 that's kind of the primary driver behind building this 😉

Hussain Siraaj3 years ago

@Alpine_JS @tailwindcss how soon can we expect this? this looks fantastic

Tony Lea3 years ago

@Alpine_JS @tailwindcss Thanks! Planning a release early to mid next month.

Simone Folador3 years ago

@Alpine_JS @tailwindcss Nice job!

Tomi Ghita3 years ago

@Alpine_JS @tailwindcss 🔥🔥🔥🔥🔥

👩🏾‍💻𝕺𝖐𝖔𝖗𝖔 𝕽𝖊𝖉𝖊𝖒𝖕𝖙𝖎𝖔𝖓💻3 years ago

@Alpine_JS @tailwindcss 😭.... The wait is killing me

Tony Lea3 years ago

@Alpine_JS @tailwindcss It'll be worth it 😉

Josh Torres3 years ago

@Alpine_JS @tailwindcss Lookin good!

Josh Cirre3 years ago

@Alpine_JS @tailwindcss I already have a few projects I want to use/swap WireUI out with. 😁

Related Videos

Want to build an OpenAI chatbot? Use Chatbot UI! It’s a simple, fully-functional chatbot starter kit using Next.js, TypeScript, and Tailwind CSS. Clone it and start building instantly. GitHub:

Want to build an OpenAI chatbot? Use Chatbot UI! It’s a simple, fully-functional chatbot starter kit using Next.js, TypeScript, and Tailwind CSS. Clone it and start building instantly. GitHub:

Mckay Wrigley

98,174 views • 3 years ago

Improving the cloud system for my world, still things to do but I'm happy with how it's coming together.

Improving the cloud system for my world, still things to do but I'm happy with how it's coming together.

Kilerbomb

95,058 views • 2 years ago

text-to-svg/icon Figma plugin built with Next.js, shadcn UI, and Tailwind CSS + Replicate API! It's open source, and I hope it helps anyone looking to build their own plugin! 🤠 Github:

text-to-svg/icon Figma plugin built with Next.js, shadcn UI, and Tailwind CSS + Replicate API! It's open source, and I hope it helps anyone looking to build their own plugin! 🤠 Github:

Lichin Lin

25,219 views • 1 year ago

Doing some sub-grid exploration for my Epic Web Tailwind CSS workshop. Working out an easy way to teach this has fried my brain, but it's getting somewhere 😅

Doing some sub-grid exploration for my Epic Web Tailwind CSS workshop. Working out an easy way to teach this has fried my brain, but it's getting somewhere 😅

Simon Vrachliotis

12,389 views • 2 years ago

WIP. Still some texturing work to do but she's coming together.

WIP. Still some texturing work to do but she's coming together.

Miracle

27,710 views • 1 year ago

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,836 views • 1 year ago

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

245,550 views • 1 year ago

New portfolio/blog template with Outstatic, Next.js, @shadcn/ui, Tailwind CSS and more! Ready to be deployed on Vercel! Demo and repo in comments 👇🏼

New portfolio/blog template with Outstatic, Next.js, @shadcn/ui, Tailwind CSS and more! Ready to be deployed on Vercel! Demo and repo in comments 👇🏼

Andre Vitorio

34,720 views • 2 years ago

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

532,260 views • 3 years ago

Twitter UI is a beast to style. Responsive is still rough, ended up using grid for the 3 main columns. Using Tailwind CSS and Next JS for components. Will deploy to Vercel when ready

Twitter UI is a beast to style. Responsive is still rough, ended up using grid for the 3 main columns. Using Tailwind CSS and Next JS for components. Will deploy to Vercel when ready

Roy Quilor

65,130 views • 3 years ago

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 views • 1 year ago

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

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,680 views • 1 year ago

Introducing Motion UI. White label, production-ready, performance-graded UI components for React. Ready to drop straight into your design via shadcn CLI and Tailwind CSS, or adapt via your agent with our one-click prompt generator or the Motion MCP.

Introducing Motion UI. White label, production-ready, performance-graded UI components for React. Ready to drop straight into your design via shadcn CLI and Tailwind CSS, or adapt via your agent with our one-click prompt generator or the Motion MCP.

Motion

176,031 views • 2 months ago

I got early access to (from the Tailwind CSS team), and I gotta say... These designs are looking 🔥 Still experimenting a bit, but most of these were generated from a single prompt.

I got early access to (from the Tailwind CSS team), and I gotta say... These designs are looking 🔥 Still experimenting a bit, but most of these were generated from a single prompt.

Tony Lea

11,040 views • 6 months ago

Major updates to my Minecraft CCTV mod project! Have I slept? No. Do we have proper rendering & animations yes; yes we do. Still super early but it's coming together nicely! Next Updates - Custom Player Skin Support - Name Tag of player in camera feed - Motion Sensor and VOD recording + Security Alerts Can't wait for you all to try it!

Major updates to my Minecraft CCTV mod project! Have I slept? No. Do we have proper rendering & animations yes; yes we do. Still super early but it's coming together nicely! Next Updates - Custom Player Skin Support - Name Tag of player in camera feed - Motion Sensor and VOD recording + Security Alerts Can't wait for you all to try it!

MarcelMedia

326,569 views • 1 month ago

Make your web UI roar-some 🦖 Swap complex JS for just a few lines of CSS to build carousels and bring animations to life. Now available in Chrome and coming soon to other browsers →

Make your web UI roar-some 🦖 Swap complex JS for just a few lines of CSS to build carousels and bring animations to life. Now available in Chrome and coming soon to other browsers →

Chrome for Developers

43,498 views • 10 months ago

Introducing Prism Templates ✨ Ready to use pages for your application built on shadcn and run on Next.js How it works: ◆ Go to Prism UI ◆ Download templates ◆ Run and edit your new website I have wanted to make something like this for everyone for a while, hope you like it 🪄 What is under the hood: ⚡️ Next.js 15 with App Router 🎨 Tailwind CSS for styling 📦 Shadcn UI components 🔒 TypeScript for type safety 🎯 ESLint & Biome for code formatting 🚀 Optimized for SEO 🌓 Dark mode support 📱 Responsive design 🔥 Modern and clean UI Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry Biome #opensource #buildinpublic

Introducing Prism Templates ✨ Ready to use pages for your application built on shadcn and run on Next.js How it works: ◆ Go to Prism UI ◆ Download templates ◆ Run and edit your new website I have wanted to make something like this for everyone for a while, hope you like it 🪄 What is under the hood: ⚡️ Next.js 15 with App Router 🎨 Tailwind CSS for styling 📦 Shadcn UI components 🔒 TypeScript for type safety 🎯 ESLint & Biome for code formatting 🚀 Optimized for SEO 🌓 Dark mode support 📱 Responsive design 🔥 Modern and clean UI Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry Biome #opensource #buildinpublic

CodeHagen

16,295 views • 1 year ago

deciding to revisit my Carver racer mod.. mostly just editing sprites to reflect her new design + general polish. There's still some work to do and I want to give her a new voice too but it's coming good. The gnoll is real...

Sensitive content

deciding to revisit my Carver racer mod.. mostly just editing sprites to reflect her new design + general polish. There's still some work to do and I want to give her a new voice too but it's coming good. The gnoll is real...

Double

13,014 views • 2 years ago

What to do with Joao Pedro 🤔 Chelsea FC have some tricky fixtures coming up, but does the forward still have strong potential for points? All is discussed in this week's #FPLPod 🎧

What to do with Joao Pedro 🤔 Chelsea FC have some tricky fixtures coming up, but does the forward still have strong potential for points? All is discussed in this week's #FPLPod 🎧

Fantasy Premier League

60,445 views • 7 months ago