Загрузка видео...

Не удалось загрузить видео

На главную

🚨 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's profile picture

jxom

5,454 subscribers

25,632 просмотров • 10 дней назад •via X (Twitter)

ОбразованиеНаука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 19

Фото профиля jxom
jxom10 дней назад

Docs: GH:

Фото профиля Nicu Chiciuc
Nicu Chiciuc10 дней назад

SEO will be brutal

Фото профиля fucory
fucory10 дней назад

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

Фото профиля jxom
jxom10 дней назад

thats it

Фото профиля Aditya
Aditya10 дней назад

Rip the legend

Фото профиля dcbuilder.eth ⚪️
dcbuilder.eth ⚪️10 дней назад

Rewriting all my apps in zyzz

Фото профиля Adam Fuller
Adam Fuller10 дней назад

you have been busy

Фото профиля jxom
jxom10 дней назад

me?

Фото профиля Adam Fuller
Adam Fuller10 дней назад

🦀

Фото профиля ActiveRabbit
ActiveRabbit10 дней назад

wow!

Фото профиля mike douges
mike douges10 дней назад

can you do @compiledcss next

Фото профиля Saurabh
Saurabh10 дней назад

@wevm_dev interesting… will check it

Фото профиля frolic
frolic10 дней назад

cookin'

Фото профиля Josef (atris)
Josef (atris)10 дней назад

the one framework to mog them all

Фото профиля Quinton
Quinton10 дней назад

@wevm_dev 👀

Фото профиля Nathan
Nathan10 дней назад

🔥

Фото профиля Beardo Schmidt 🦗
Beardo Schmidt 🦗10 дней назад

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

Фото профиля Yuri
Yuri10 дней назад

kind of combination of Tailwind and StyleX, like it

Фото профиля Rees
Rees10 дней назад

how does it compare to Panda?

Похожие видео

🚨 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.
0:50

🚨 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,216 просмотров • 11 дней назад

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

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

Harsh Singh

31,274 просмотров • 1 месяц назад

🚀 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.
1:11

🚀 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 просмотров • 3 лет назад

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

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 просмотров • 2 лет назад

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

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 просмотров • 3 месяцев назад

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

Yoshiki Miura

244,922 просмотров • 3 лет назад

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 просмотров • 1 год назад

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.
1:42

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 просмотров • 20 дней назад

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,766 просмотров • 3 лет назад

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,653 просмотров • 3 лет назад

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.
1:15

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 просмотров • 7 месяцев назад

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,191 просмотров • 7 месяцев назад

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 просмотров • 1 год назад

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

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 просмотров • 3 лет назад

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 просмотров • 1 год назад

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 →
1:32

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 просмотров • 9 месяцев назад

Quick demo of JS config file support and plugin support in the latest Tailwind CSS v4 alpha 🫣
6:27

Quick demo of JS config file support and plugin support in the latest Tailwind CSS v4 alpha 🫣

Adam Wathan

91,700 просмотров • 2 лет назад

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 просмотров • 2 лет назад

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

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 просмотров • 1 год назад