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.

🚨 Web styling has been rewritten, again. In Rust! 🎨 Introducing Zyzz 🎨 - CSS standard syntax. - First-class Base UI support. - Compile to atomic styles. - Inferred types and lint rules. - 58x faster than StyleX. - 3x smaller than Tailwind.

jxom

5,454 subscribers

25,632 views • 12 days ago •via X (Twitter)

Education Science & Technology

Anya Rossi• Live Now

Private livecam show

19 Comments

jxom12 days ago

Docs: GH:

Nicu Chiciuc12 days ago

SEO will be brutal

fucory12 days ago

If you can honestly pitch it’s mostly vanilla extract but rust I might check it out

jxom12 days ago

thats it

Aditya12 days ago

Rip the legend

dcbuilder.eth ⚪️12 days ago

Rewriting all my apps in zyzz

Adam Fuller12 days ago

you have been busy

jxom12 days ago

me?

Adam Fuller12 days ago

🦀

ActiveRabbit12 days ago

wow!

mike douges12 days ago

can you do @compiledcss next

Saurabh12 days ago

@wevm_dev interesting… will check it

frolic12 days ago

cookin'

Josef (atris)12 days ago

the one framework to mog them all

Quinton12 days ago

@wevm_dev 👀

Nathan12 days ago

🔥

Beardo Schmidt 🦗12 days ago

Looks interesting! Is `namespace styles {…}` syntax the build-time mechanism for style extraction? And if so, is/could there be an erasableSyntaxOnly alternative?

Yuri12 days ago

kind of combination of Tailwind and StyleX, like it

Rees12 days ago

how does it compare to Panda?

Related Videos

🚨 Mermaid has been rewritten, again. In Rust! 🧜‍♀️ Introducing Ondine. 🧜‍♀️ - 200B runtime. - Renders diagrams in ~50µs. - 1,943x smaller, 2.8x faster than Pele. - 13,467x smaller, 670x faster than Mermaid. - Still 0 dependencies.

🚨 Mermaid has been rewritten, again. In Rust! 🧜‍♀️ Introducing Ondine. 🧜‍♀️ - 200B runtime. - Renders diagrams in ~50µs. - 1,943x smaller, 2.8x faster than Pele. - 13,467x smaller, 670x faster than Mermaid. - Still 0 dependencies.

jxom

150,583 views • 13 days ago

Introducing Kobra ✦ 80+ motion components with sound ✦ 1:1 replacement for shadcn/ui ✦ Built on Tailwind, Base UI & shadcn/lint →

Introducing Kobra ✦ 80+ motion components with sound ✦ 1:1 replacement for shadcn/ui ✦ Built on Tailwind, Base UI & shadcn/lint →

Harsh Singh

31,274 views • 1 month ago

🚀 Introducing Panda CSS The modern CSS-in-JS styling engine! Say goodbye to runtime CSS-in-JS 🎨💪✨ 🔸Works with Server Components 🔸Recipes, Variants, and Patterns 🔸Design Tokens Support Works in Next.js, Vue, Qwik, Solid, Astro, and more.

🚀 Introducing Panda CSS The modern CSS-in-JS styling engine! Say goodbye to runtime CSS-in-JS 🎨💪✨ 🔸Works with Server Components 🔸Recipes, Variants, and Patterns 🔸Design Tokens Support Works in Next.js, Vue, Qwik, Solid, Astro, and more.

Sage ⚡️

414,743 views • 3 years ago

Using Tailwind, Panda, StyleX or any other Atomic CSS library? You are going to want to install this Chrome Extension right now

Using Tailwind, Panda, StyleX or any other Atomic CSS library? You are going to want to install this Chrome Extension right now

Wes Bos

90,232 views • 2 years ago

Introducing the cloud coding agent. Ara has arrived, and it is more powerful than most standard IDEs, while all in the web Get ready to code with your team 100x faster together

Introducing the cloud coding agent. Ara has arrived, and it is more powerful than most standard IDEs, while all in the web Get ready to code with your team 100x faster together

Ara

32,328 views • 3 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: Demo & Github Link ↓

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: Demo & Github Link ↓

Yoshiki Miura

244,922 views • 3 years 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

Introducing Tamagui 3. Now the fastest and highest coverage Tailwind style library there is, free or paid. Tamagui is now 100% open source, I’ve made Takeout and Bento OSS as well. A rewritten compiler in rust now makes native even faster, plus a new C++ native runtime avoids re-rendering. Flat style props, React Strict DOM, and a web-alignment push make Tamagui easier, lighter, and more familiar than ever.

Introducing Tamagui 3. Now the fastest and highest coverage Tailwind style library there is, free or paid. Tamagui is now 100% open source, I’ve made Takeout and Bento OSS as well. A rewritten compiler in rust now makes native even faster, plus a new C++ native runtime avoids re-rendering. Flat style props, React Strict DOM, and a web-alignment push make Tamagui easier, lighter, and more familiar than ever.

Nate

43,541 views • 23 days 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 👉

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,766 views • 3 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,653 views • 3 years ago

Introducing HeroUI v3 🔥 A complete rewrite for React. A brand-new library for React Native. 🌐 Web → 75+ components, 21 new 📱 Native → 37+ components, built from scratch 🎨 Styling → Tailwind CSS v4, CSS variables, OKLCH, BEM ⚡ Performance → CSS animations, no JS runtime ♿ Accessibility → React Aria Components 🧩 Architecture → Compound components, headless-ready 🤖 AI → MCP Server, Agent Skills, LLMs.txt 📎 Figma Kit v3 with 1:1 component parity One design system. Beautiful everywhere.

HeroUI

549,301 views • 7 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:

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,191 views • 7 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

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

421,408 views • 3 years 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

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 →

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 →

Michael Andreuzza

22,805 views • 9 months ago

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,700 views • 2 years 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

Introducing the new Svgl 🥳🎉 ❖ New design. Upgrade to Svelte 5 + Tailwind CSS v4. ❖ New API docs + extensions page. ❖ shadcn/ui support + open with v0. ❖ Copy the optimized SVG directly using SVGO. ❖ Add your SVGs to favorites and access your list whenever you want.

Introducing the new Svgl 🥳🎉 ❖ New design. Upgrade to Svelte 5 + Tailwind CSS v4. ❖ New API docs + extensions page. ❖ shadcn/ui support + open with v0. ❖ Copy the optimized SVG directly using SVGO. ❖ Add your SVGs to favorites and access your list whenever you want.

Pablo

41,634 views • 1 year ago