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.

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

Wes Bos

440,804 subscribers

90,232 views • 2 years ago •via X (Twitter)

News & Politics Education Science & Technology

Anya Rossi• Live Now

Private livecam show

9 Comments

🦋 alex2 years ago

hey thats me! thanks for the shoutout and video 🙏

Wes Bos2 years ago

Thanks for the extension!

Aries2 years ago

For everyone looking for the download:

Wes Bos2 years ago

Ah, thank you. Forgot to link it 👆🏻

Nate Wienert2 years ago

, Tamagui*

Hacksore2 years ago

@trashh_dev CSS mentioned, you know what to do 😂

Volkan Kaya2 years ago

Nice tool, I think there is a lot of low hanging fruit when it comes to atomic CSS frameworks for better DX.

Dalton Walsh2 years ago

Here for the CSS fight in the comments

Gilbert Matos | Nodejs/Nextjs/C#2 years ago

that last line took me out Wes 😂😂😂

Related Videos

You can now connect to Claude in Chrome using the VS Code extension. Use it to debug frontend apps, collect data or automate your browser. Install the extension and type @ browser to get started.

You can now connect to Claude in Chrome using the VS Code extension. Use it to debug frontend apps, collect data or automate your browser. Install the extension and type @ browser to get started.

Thariq

260,591 views • 8 months ago

mesurer 0.1.1 is live. you can now annotate: - arrows - pen - text - and more it's changing how I interact with agents, also useful to give feedback on any interface. npm i mesurer or install the chrome extension!

mesurer 0.1.1 is live. you can now annotate: - arrows - pen - text - and more it's changing how I interact with agents, also useful to give feedback on any interface. npm i mesurer or install the chrome extension!

Ibelick

17,657 views • 1 month ago

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

🚨 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

25,632 views • 10 days ago

Cursor for PDFs Highlight any section of any PDF to ask questions and "@" other papers from your library Works everywhere with our Chrome extension - arXiv, PubMed Central, your local files, any PDF online

Cursor for PDFs Highlight any section of any PDF to ask questions and "@" other papers from your library Works everywhere with our Chrome extension - arXiv, PubMed Central, your local files, any PDF online

alphaXiv

39,574 views • 1 year ago

🔥 HYPED! Want to check the revenue of ANY YouTube video? Just released our YouTube Monetization, RPM & Revenue Checker Extension! How? Just search "TubeLab" on the Chrome Store & Install!

🔥 HYPED! Want to check the revenue of ANY YouTube video? Just released our YouTube Monetization, RPM & Revenue Checker Extension! How? Just search "TubeLab" on the Chrome Store & Install!

TubeLab - YouTube Strategy

52,056 views • 1 year ago

How to find the manifest.json file of any Chrome extension: 1. Go to chrome://extensions 2. Turn on Developer mode 3. Copy the extension ID 4. Go to ~/Library/Application Support/Google/Chrome/Default/Extensions 5. Find the matching ID then find the manifest.json file!

How to find the manifest.json file of any Chrome extension: 1. Go to chrome://extensions 2. Turn on Developer mode 3. Copy the extension ID 4. Go to ~/Library/Application Support/Google/Chrome/Default/Extensions 5. Find the matching ID then find the manifest.json file!

Critical Thinking - Bug Bounty Podcast

27,101 views • 1 year ago

Introducing Component Grab SuperDesign.Dev Chrome extension allows you to grab any UI component in browser We turn messy DOM into clean tailwind code pixel perfectly Paste into Superdesign AI native canvas to vibe design Or paste into Claude code/Cursor Free forever:

Introducing Component Grab SuperDesign.Dev Chrome extension allows you to grab any UI component in browser We turn messy DOM into clean tailwind code pixel perfectly Paste into Superdesign AI native canvas to vibe design Or paste into Claude code/Cursor Free forever:

Jason Zhou

78,413 views • 11 months ago

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

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

You built a Chrome extension using an AI agent. Now, how do you let that agent test it? We updated Chrome DevTools for agents so your agent can install extensions & interact with content inside popups automatically →

You built a Chrome extension using an AI agent. Now, how do you let that agent test it? We updated Chrome DevTools for agents so your agent can install extensions & interact with content inside popups automatically →

Chrome for Developers

134,431 views • 1 month ago

Some React devs assume you need to npm install a library to get tooltips. Not true! For icon buttons, use a combo of the `title` attribute and screenreader text with Tailwind CSS' sr-only class. Gives you a native tooltip for the label while improving a11y

Some React devs assume you need to npm install a library to get tooltips. Not true! For icon buttons, use a combo of the `title` attribute and screenreader text with Tailwind CSS' sr-only class. Gives you a native tooltip for the label while improving a11y

Ben Holmes

98,116 views • 1 year ago

Want to debug device-controlled CSS parallax effects without using a device? Simulate device orientation in Chrome DevTools 👇

Want to debug device-controlled CSS parallax effects without using a device? Simulate device orientation in Chrome DevTools 👇

jhey ʕ•ᴥ•ʔ

272,914 views • 2 years ago

1. Convert UI design to front-end code Prompt: Convert this design into a react component using tailwind css

1. Convert UI design to front-end code Prompt: Convert this design into a react component using tailwind css

Robin Delta

41,075 views • 2 years ago

Making a ✨stacked✨ avatar list using maskImage. Works against any transparent background!! Using Tailwind CSS v4. Recorded and edited using

Alfon

39,415 views • 1 year ago

Tailwind CSS Tip ✨ You can create a multi-level dropdown menu using Tailwind CSS without javascript. Live demo / copy code ↓ (15/30) follow for 15 more tips 🔔

Tailwind CSS Tip ✨ You can create a multi-level dropdown menu using Tailwind CSS without javascript. Live demo / copy code ↓ (15/30) follow for 15 more tips 🔔

Surjith S M ✪

222,528 views • 3 years ago

Get your Beldex Wallet on Chrome! Your Beldex Wallet is just a few clicks away. Watch this quick walkthrough to learn how to download and install the Beldex Wallet Extension on Chrome.

Get your Beldex Wallet on Chrome! Your Beldex Wallet is just a few clicks away. Watch this quick walkthrough to learn how to download and install the Beldex Wallet Extension on Chrome.

Beldex.bdx

24,649 views • 7 days ago

Introducing ObsidianUI : React & Tailwind CSS Components Library > 35+ Components, blocks, landing page & templates! > Added AI Agents MCP > Redesigned UI try here: copy the source or install via shadcn-cli Free, open source, no sign-up

Introducing ObsidianUI : React & Tailwind CSS Components Library > 35+ Components, blocks, landing page & templates! > Added AI Agents MCP > Redesigned UI try here: copy the source or install via shadcn-cli Free, open source, no sign-up

Athrix ☄️

277,317 views • 1 month ago

you can now edit all your ramps at once. (and export them as SVG, CSS or as Tailwind Config)

you can now edit all your ramps at once. (and export them as SVG, CSS or as Tailwind Config)

David Aerne

64,716 views • 6 months ago

Breaking 🚨 Jupiter just released their highly anticipated Desktop Wallet Extension! Head over to the Chrome Web Store or Brave and install the Solana Super Wallet.

Breaking 🚨 Jupiter just released their highly anticipated Desktop Wallet Extension! Head over to the Chrome Web Store or Brave and install the Solana Super Wallet.

Jupiter Uplink

24,414 views • 1 year ago