Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

tnylea's profile picture

Tony Lea

7,862 subscribers

25,539 görüntüleme • 3 yıl önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

10 Yorum

Roger Rocha profil fotoğrafı
Roger Rocha3 yıl önce

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

Tony Lea profil fotoğrafı
Tony Lea3 yıl önce

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

Hussain Siraaj profil fotoğrafı
Hussain Siraaj3 yıl önce

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

Tony Lea profil fotoğrafı
Tony Lea3 yıl önce

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

Simone Folador profil fotoğrafı
Simone Folador3 yıl önce

@Alpine_JS @tailwindcss Nice job!

Tomi Ghita profil fotoğrafı
Tomi Ghita3 yıl önce

@Alpine_JS @tailwindcss 🔥🔥🔥🔥🔥

👩🏾‍💻𝕺𝖐𝖔𝖗𝖔 𝕽𝖊𝖉𝖊𝖒𝖕𝖙𝖎𝖔𝖓💻 profil fotoğrafı
👩🏾‍💻𝕺𝖐𝖔𝖗𝖔 𝕽𝖊𝖉𝖊𝖒𝖕𝖙𝖎𝖔𝖓💻3 yıl önce

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

Tony Lea profil fotoğrafı
Tony Lea3 yıl önce

@Alpine_JS @tailwindcss It'll be worth it 😉

Josh Torres profil fotoğrafı
Josh Torres3 yıl önce

@Alpine_JS @tailwindcss Lookin good!

Josh Cirre profil fotoğrafı
Josh Cirre3 yıl önce

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

Benzer Videolar

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:
0:37

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

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

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

Kilerbomb

95,058 görüntüleme • 2 yıl önce

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:
0:40

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

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 😅
0:30

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

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

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

Miracle

27,710 görüntüleme • 1 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,836 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

245,550 görüntüleme • 1 yıl önce

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

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

532,260 görüntüleme • 3 yıl önce

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
0:24

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

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

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.
0:25

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

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.
0:29

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

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!
0:46

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

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 →
0:22

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

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
0:20

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

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...
2:07

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

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 🎧
1:24

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