Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Pigment CSS is here! Our new zero-runtime CSS-in-JS library that’s compatible with React Server Components and brings significant performance improvements over other styling engines 🏎️💨 Ready to jump into it? Follow our quick guide:

MUI_hq's profile picture

MUI org

18,797 subscribers

30,043 görüntüleme • 2 yıl önce •via X (Twitter)

Bilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

9 Yorum

galechus profil fotoğrafı
galechus2 yıl önce

Pigment CSS looks amazing… great job 💪🏻🙌🏻

Danilo Leal profil fotoğrafı
Danilo Leal2 yıl önce

go @pikacodes!

Victor Bayas 🇪🇨⚡️ profil fotoğrafı
Victor Bayas 🇪🇨⚡️2 yıl önce

The SX prop is exactly what I needed ❤️

@rthurj profil fotoğrafı
@rthurj2 yıl önce

@colmtuite 🚀

🪖James C. Maduabuchi👨🏽‍💻 profil fotoğrafı
🪖James C. Maduabuchi👨🏽‍💻1 yıl önce

@pikacodes This is smooth 👏🏼

xxAztecmambaxx profil fotoğrafı
xxAztecmambaxx2 yıl önce

@pikacodes I Love You 💕

xxAztecmambaxx profil fotoğrafı
xxAztecmambaxx2 yıl önce

@pikacodes

Larbi Boukert profil fotoğrafı
Larbi Boukert2 yıl önce

How does it compare to @stylexjs ??

Rami Abdel Majid profil fotoğrafı
Rami Abdel Majid2 yıl önce

What are the performance gains in numbers?

Benzer Videolar

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

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

188,000 GitHub stars on OpenClaw. All those devs know Gradio's new gr.HTML can turn any HTML/CSS/JS into a deployable app with API access. One shot your apps today with Claude and our guide →
0:26

188,000 GitHub stars on OpenClaw. All those devs know Gradio's new gr.HTML can turn any HTML/CSS/JS into a deployable app with API access. One shot your apps today with Claude and our guide →

Gradio

14,759 görüntüleme • 8 ay önce

Here is a patch to test CSS grid in React native.
0:25

Here is a patch to test CSS grid in React native.

nishan (o^▽^o)

68,544 görüntüleme • 10 ay ö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,880 görüntüleme • 1 yıl önce

- 100+ open-source components built with React - 153 motion effects with CSS and React code - customizable map components for React - Your AI usage in your Mac menu bar - Agents that use the browser
0:41

- 100+ open-source components built with React - 153 motion effects with CSS and React code - customizable map components for React - Your AI usage in your Mac menu bar - Agents that use the browser

Csaba Kissi

18,399 görüntüleme • 1 ay önce

Sorry, guys from other stacks!!! 🥲 Everything is server-side rendered, high-performing, and written in a few lines of code. It's not a new component. It's just a table, some buttons, and some inputs placed with some CSS utility classes. ✨CSS Zero Datatable✨
0:54

Sorry, guys from other stacks!!! 🥲 Everything is server-side rendered, high-performing, and written in a few lines of code. It's not a new component. It's just a table, some buttons, and some inputs placed with some CSS utility classes. ✨CSS Zero Datatable✨

Lázaro Nixon

10,408 görüntüleme • 1 yıl önce

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

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

667,707 görüntüleme • 3 yıl önce

Dropped today: our official @Supabase UI Library 🚢 It leverages the shadcn "registry" feature and is compatible with Next.js, React, and Tanstack Includes: ◆ Login components ◆ Dropzone for storage ◆ Realtime cursors/avatars/chat ◆ And (one I love): AI Prompts
1:08

Dropped today: our official @Supabase UI Library 🚢 It leverages the shadcn "registry" feature and is compatible with Next.js, React, and Tanstack Includes: ◆ Login components ◆ Dropzone for storage ◆ Realtime cursors/avatars/chat ◆ And (one I love): AI Prompts

Paul Copplestone - e/postgres

173,475 görüntüleme • 1 yıl önce

Our discussion with Tom Occhino is now live! We discuss: ✅How React changed the web ✅React Server Components ✅Performance optimizations ✅React Native ✅When NOT to use React And much more! Preview below, see the full talk here 👉
0:54

Our discussion with Tom Occhino is now live! We discuss: ✅How React changed the web ✅React Server Components ✅Performance optimizations ✅React Native ✅When NOT to use React And much more! Preview below, see the full talk here 👉

Real World React

32,742 görüntüleme • 3 yıl önce

✨ Tailwind CSS v4.0 is here! Huge performance improvements, radically simplified setup experience, CSS-first configuration, modernized P3 color palette, container queries, 3D transforms, expanded gradient APIs, @​starting-style support… …and tons, tons more.
0:20

✨ Tailwind CSS v4.0 is here! Huge performance improvements, radically simplified setup experience, CSS-first configuration, modernized P3 color palette, container queries, 3D transforms, expanded gradient APIs, @​starting-style support… …and tons, tons more.

Adam Wathan

507,424 görüntüleme • 1 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

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

Maizzle 6 is here 🥳 🍑💨 Tailwind CSS 4 💚 Vue templating 🔌 Vite plugin 🧩 Components ✨ Beautiful DX 🤖 Agent skills Build HTML emails the way you build apps. Our biggest release ever. npx maizzle new
0:28

Maizzle 6 is here 🥳 🍑💨 Tailwind CSS 4 💚 Vue templating 🔌 Vite plugin 🧩 Components ✨ Beautiful DX 🤖 Agent skills Build HTML emails the way you build apps. Our biggest release ever. npx maizzle new

Cosmin Popovici

60,906 görüntüleme • 4 ay önce

✨ Introducing Glassy UI 🫧 A UI library of liquid glass components for React and React Native. Built using React, Tailwind CSS and shadcn, with Expo for native. 100% Free and Open Source RT and I'll send you a bunch of templates once they're done 👀
0:44

✨ Introducing Glassy UI 🫧 A UI library of liquid glass components for React and React Native. Built using React, Tailwind CSS and shadcn, with Expo for native. 100% Free and Open Source RT and I'll send you a bunch of templates once they're done 👀

Alex

52,873 görüntüleme • 13 gün önce

converted a JS physics solver into CSS thanks to sqrt(), exp(), sin(), cos() and property
0:34

converted a JS physics solver into CSS thanks to sqrt(), exp(), sin(), cos() and property

Adam Argyle

15,097 görüntüleme • 2 yıl önce

React Native Reanimated 4 is now stable and ready for production 🐎 Featuring CSS Animations & Transitions, multithreading with React Native Worklets and more.
5:46

React Native Reanimated 4 is now stable and ready for production 🐎 Featuring CSS Animations & Transitions, multithreading with React Native Worklets and more.

Software Mansion

113,080 görüntüleme • 1 yıl önce