Loading video...

Video Failed to Load

Go Home

Introducing Whenua - Open source - Accessible UI components for Astro & Tailwind CSS - Light and dark mode - Copy them, customize them, make them yours - No dependencies, no lock-in - Fully customizable npx whenua init →

Mike_Andreuzza's profile picture

Michael Andreuzza

11,748 subscribers

22,635 views • 4 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

It’s here. Beautifully designed components built with Radix UI and Tailwind CSS. A collection of accessible and customizable components that you can copy and paste into your apps. Free. Open Source. And Next.js 13 Ready.
0:29

It’s here. Beautifully designed components built with Radix UI and Tailwind CSS. A collection of accessible and customizable components that you can copy and paste into your apps. Free. Open Source. And Next.js 13 Ready.

shadcn

666,954 views • 3 years ago

Introducing ElevenLabs UI - open-source components for AI audio & voice agents. • 22 components & examples for chat interfaces, transcription, music, and more • Fully customizable • MIT licensed
0:21

Introducing ElevenLabs UI - open-source components for AI audio & voice agents. • 22 components & examples for chat interfaces, transcription, music, and more • Fully customizable • MIT licensed

ElevenLabs

241,676 views • 8 months ago

Introducing Loading UI ⏳ if your loading state is just <Loader2 /> it's for you → 35+ components → shadcn compatible → simplest api, fully customizable free and open-source install, customize, plug-in check at loading-ui(.)com 🔥
0:24

Introducing Loading UI ⏳ if your loading state is just <Loader2 /> it's for you → 35+ components → shadcn compatible → simplest api, fully customizable free and open-source install, customize, plug-in check at loading-ui(.)com 🔥

Bart ⚡

104,511 views • 1 month ago

UI Components Handbook Collection of popular user interface components with guides on how to use them, Figma design samples & code snippets (HTML/Tailwind CSS)
0:20

UI Components Handbook Collection of popular user interface components with guides on how to use them, Figma design samples & code snippets (HTML/Tailwind CSS)

Nick Babich

120,191 views • 2 years ago

launching openv0 ✨ generative UI components • open-source equivalent of vercel • AI generated, plug-and-play, react + tailwind + shadcn components + lucide icons $ npx openv0
1:25

launching openv0 ✨ generative UI components • open-source equivalent of vercel • AI generated, plug-and-play, react + tailwind + shadcn components + lucide icons $ npx openv0

cofounder, we have a problem

174,667 views • 2 years ago

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

Introducing OpenStatus - an open source monitoring service to check your api/website, collaborated with 🦋 @thibaultouay.dev. ◆ Built with Next.js, Turso, for speed. ◆ Built with Tailwind CSS, shadcn ui for seemless components. →
1:38

Introducing OpenStatus - an open source monitoring service to check your api/website, collaborated with 🦋 @thibaultouay.dev. ◆ Built with Next.js, Turso, for speed. ◆ Built with Tailwind CSS, shadcn ui for seemless components. →

Maximilian Kaske 🏓

95,813 views • 2 years 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. 👇
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 views • 11 months ago

Struggling to make your UI stand out? CSSnippets – A collection of modern, reusable UI components! ✨Ready-to-use with HTML, CSS, React & Tailwind CSS ✨No frameworks, just pure CSS ✨Clean, minimal, and beautiful 🔗 Explore now: Save it for later! 🔖
2:08

Struggling to make your UI stand out? CSSnippets – A collection of modern, reusable UI components! ✨Ready-to-use with HTML, CSS, React & Tailwind CSS ✨No frameworks, just pure CSS ✨Clean, minimal, and beautiful 🔗 Explore now: Save it for later! 🔖

Shefali

22,953 views • 1 year ago

🚀 Introducing NSUI – A collection of shadcn /UI marketing blocks! ✔️ Easy to install: Copy-paste, `shadcn add`, or Open in v0 ✔️ Fully responsive and customizable ✔️ Free & open-source Perfect for landing pages, SaaS sites, and more. Check it out! 👇
0:55

🚀 Introducing NSUI – A collection of shadcn /UI marketing blocks! ✔️ Easy to install: Copy-paste, `shadcn add`, or Open in v0 ✔️ Fully responsive and customizable ✔️ Free & open-source Perfect for landing pages, SaaS sites, and more. Check it out! 👇

Méschac Irung

66,600 views • 1 year ago

Introducing shadcn/play An open-source playground for building, editing, and sharing shadcn blocks and components. - Live code, instant preview - Zero setup - Dark mode / Light mode - Mobile-responsive view - Shareable links Try it:
0:29

Introducing shadcn/play An open-source playground for building, editing, and sharing shadcn blocks and components. - Live code, instant preview - Zero setup - Dark mode / Light mode - Mobile-responsive view - Shareable links Try it:

Duncan

34,499 views • 3 months ago

Introducing Nuxt UI Playground: prototype and share components instantly, right in your browser ✨ Includes all 125+ components, composables, and Tailwind CSS theming out of the box. Try it now:
0:35

Introducing Nuxt UI Playground: prototype and share components instantly, right in your browser ✨ Includes all 125+ components, composables, and Tailwind CSS theming out of the box. Try it now:

Benjamin Canac

12,132 views • 2 months ago

Introducing BabyAGI UI 👶🤖🖥️ BabyAGI UI is an open-source user interface for BabyAGI . It can be easily developed and deployed. - Framework: Next.js - Styling/UI: Tailwind CSS / Radix by WorkOS - Vector DB: Pinecone - LLMs develop: LangChain Demo & Github Link ↓
0:29

Introducing BabyAGI UI 👶🤖🖥️ BabyAGI UI is an open-source user interface for BabyAGI . It can be easily developed and deployed. - Framework: Next.js - Styling/UI: Tailwind CSS / Radix by WorkOS - Vector DB: Pinecone - LLMs develop: LangChain Demo & Github Link ↓

Yoshiki Miura

243,436 views • 3 years ago

Created this fully "accessible" dropdown using pure Tailwind CSS 🤩 × No javascript × No custom styles Can you guess which CSS property is this?
0:21

Created this fully "accessible" dropdown using pure Tailwind CSS 🤩 × No javascript × No custom styles Can you guess which CSS property is this?

Surjith S M ✪

169,676 views • 3 years ago

[ SCHEDULE TEMPLATE ] The Discord-inspired Stream Schedule for VTubers & Streamers is out! - Fully customizable Figma Template. - Light & Dark Mode. - Available in 7 colors! - 5 Avatar Borders/Themes: Cat, Angel, Devil, Stars & Hearts. Mix/match them! 🔗 Get it below!
0:31

[ SCHEDULE TEMPLATE ] The Discord-inspired Stream Schedule for VTubers & Streamers is out! - Fully customizable Figma Template. - Light & Dark Mode. - Available in 7 colors! - 5 Avatar Borders/Themes: Cat, Angel, Devil, Stars & Hearts. Mix/match them! 🔗 Get it below!

Nyxiabel 🎀 Designer

66,176 views • 10 months ago

Introducing Plate: the modern rich-text editor for React. ◆ Core: Plugin system. ◆ Plugins: 50+ Headless, unstyled packages. ◆ Primitives: State and behavior hooks. ◆ Components: Radix by WorkOS + shadcn ui. Free. Open Source. Responsive. Dark Mode.
0:36

Introducing Plate: the modern rich-text editor for React. ◆ Core: Plugin system. ◆ Plugins: 50+ Headless, unstyled packages. ◆ Primitives: State and behavior hooks. ◆ Components: Radix by WorkOS + shadcn ui. Free. Open Source. Responsive. Dark Mode.

zbeyens

208,807 views • 2 years ago

Product Launch 📢✨ Introducing "Tailwind CSS Notion Handbook" ↳ Tailwind CSS Basics ↳ 30 Tailwind CSS Tips ↳ 10 Bonus Tips ↳ Production Checklist ↳ UI Kits & Templates ↳ 20+ Tools & Resources Launch Price: $9 for 24 hours ⏰ Code: LAUNCH75 👉
0:31

Product Launch 📢✨ Introducing "Tailwind CSS Notion Handbook" ↳ Tailwind CSS Basics ↳ 30 Tailwind CSS Tips ↳ 10 Bonus Tips ↳ Production Checklist ↳ UI Kits & Templates ↳ 20+ Tools & Resources Launch Price: $9 for 24 hours ⏰ Code: LAUNCH75 👉

Surjith S M ✪

93,727 views • 3 years ago

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

Ark UI is now available in Svelte 5 🔥 ✅ 45+ accessible, unstyled UI components ✅ Works smoothly with Svelte primitives ($effect, _$state, $derived) ✅ Style every component in your way (Panda CSS, Tailwind, CSS Modules) 👉🏽 Check it out here
0:28

Ark UI is now available in Svelte 5 🔥 ✅ 45+ accessible, unstyled UI components ✅ Works smoothly with Svelte primitives ($effect, _$state, $derived) ✅ Style every component in your way (Panda CSS, Tailwind, CSS Modules) 👉🏽 Check it out here

Sage ⚡️

13,189 views • 11 months 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
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,405 views • 1 year ago