Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

🚨 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,456 subscribers

25,361 Aufrufe • vor 7 Tagen •via X (Twitter)

Bildung Wissenschaft & Technologie

Anya Rossi• Live Now

Private livecam show

19 Kommentare

Profilbild von jxom

jxomvor 7 Tagen

Docs: GH:

Profilbild von Nicu Chiciuc

Nicu Chiciucvor 7 Tagen

SEO will be brutal

Profilbild von fucory

fucoryvor 7 Tagen

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

Profilbild von jxom

jxomvor 7 Tagen

thats it

Profilbild von Aditya

Adityavor 7 Tagen

Rip the legend

Profilbild von dcbuilder.eth ⚪️

dcbuilder.eth ⚪️vor 7 Tagen

Rewriting all my apps in zyzz

Profilbild von Adam Fuller

Adam Fullervor 7 Tagen

you have been busy

Profilbild von jxom

jxomvor 7 Tagen

me?

Profilbild von Adam Fuller

Adam Fullervor 7 Tagen

🦀

Profilbild von ActiveRabbit

ActiveRabbitvor 7 Tagen

wow!

Profilbild von mike douges

mike dougesvor 7 Tagen

can you do @compiledcss next

Profilbild von Saurabh

Saurabhvor 7 Tagen

@wevm_dev interesting… will check it

Profilbild von frolic

frolicvor 7 Tagen

cookin'

Profilbild von Josef (atris)

Josef (atris)vor 7 Tagen

the one framework to mog them all

Profilbild von Quinton

Quintonvor 7 Tagen

@wevm_dev 👀

Profilbild von Nathan

Nathanvor 7 Tagen

🔥

Profilbild von Beardo Schmidt 🦗

Beardo Schmidt 🦗vor 7 Tagen

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

Profilbild von Yuri

Yurivor 7 Tagen

kind of combination of Tailwind and StyleX, like it

Profilbild von Rees

Reesvor 7 Tagen

how does it compare to Panda?

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

149,918 Aufrufe • vor 8 Tagen

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,078 Aufrufe • vor 1 Monat

🚀 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,699 Aufrufe • vor 3 Jahren

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 3 Jahren

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 18 Tagen

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 Aufrufe • vor 3 Jahren

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 Aufrufe • vor 3 Jahren

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

548,388 Aufrufe • vor 7 Monaten

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 Aufrufe • vor 7 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 3 Jahren

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 9 Monaten

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 1 Jahr