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

434,985 subscribers

90,078 views • 1 year ago •via X (Twitter)

News & Politics Education Science & Technology

Anya Rossi• Live Now

Private livecam show

9 Comments

🦋 alex1 year ago

hey thats me! thanks for the shoutout and video 🙏

Wes Bos1 year ago

Thanks for the extension!

Aries1 year ago

For everyone looking for the download:

Wes Bos1 year ago

Ah, thank you. Forgot to link it 👆🏻

Nate Wienert1 year ago

, Tamagui*

Hacksore1 year ago

@trashh_dev CSS mentioned, you know what to do 😂

Volkan Kaya1 year ago

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

Dalton Walsh1 year ago

Here for the CSS fight in the comments

Gilbert Matos | Nodejs/Nextjs/C#1 year 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

259,132 views • 4 months 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,513 views • 11 months ago

⚡️Announcing Groq Summary! An open source chrome extension to use Groq anywhere Install the extension:

⚡️Announcing Groq Summary! An open source chrome extension to use Groq anywhere Install the extension:

jose mdz

13,562 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

26,088 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 • 6 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,682 views • 3 years 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,069 views • 9 months 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,683 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,397 views • 1 year ago

Watch this if you want to heal diabetes or any other diseases...

Watch this if you want to heal diabetes or any other diseases...

ᴀʀᴛ ᴏꜰ ᴘʜʏꜱɪQᴜᴇ

24,860 views • 6 months ago

Check out everything you need to know about myNeutron in this detailed quick start. Install the Chrome extension today and get ready for public launch at KBW! 👉

Check out everything you need to know about myNeutron in this detailed quick start. Install the Chrome extension today and get ready for public launch at KBW! 👉

Vanar

98,935 views • 9 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,384 views • 8 months ago

Reporter: Are you going to demand that Delcy Rodriguez allow opposition figures to return or free any political prisoners? Trump: We haven't gotten to that. Right now, we want to do is fix up the oil

Reporter: Are you going to demand that Delcy Rodriguez allow opposition figures to return or free any political prisoners? Trump: We haven't gotten to that. Right now, we want to do is fix up the oil

Acyn

1,924,166 views • 5 months 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,203 views • 2 months ago

⚠️ Miss Daisy's ATM Software 1.4 is here ⚠️ It's a chrome extension that you can install with one * click * (only laptop/desktop) I'll be automatically triggering you to mindlessly * click * pay * obey * like the auto-dispensing HumanATM you now are 🏧

⚠️ Miss Daisy's ATM Software 1.4 is here ⚠️ It's a chrome extension that you can install with one * click * (only laptop/desktop) I'll be automatically triggering you to mindlessly * click * pay * obey * like the auto-dispensing HumanATM you now are 🏧

Daisy

11,974 views • 1 year ago

⚠️ Miss Daisy's ATM Software 1.3 is here ⚠️ It's a chrome extension that you can install with one * click * (only laptop/desktop) I'll be automatically triggering you to mindlessly * click * pay * obey * like the auto-dispensing HumanATM you now are 🏧

Sensitive content

⚠️ Miss Daisy's ATM Software 1.3 is here ⚠️ It's a chrome extension that you can install with one * click * (only laptop/desktop) I'll be automatically triggering you to mindlessly * click * pay * obey * like the auto-dispensing HumanATM you now are 🏧

Daisy

35,916 views • 2 years ago

how to learn anything 10x faster with youtube... use this chrome extension to import any youtube channel, playlist or search result into Notebook LLM turns any video content into interactive learning sessions

how to learn anything 10x faster with youtube... use this chrome extension to import any youtube channel, playlist or search result into Notebook LLM turns any video content into interactive learning sessions

Machina

50,613 views • 10 months ago

Introducing the world's first AI Chrome Extension Builder. Turn the manual steps you take on any website into an AI extension that does them for you. Describe it to Blink. It builds the AI extension. Download. Launch on Chrome Web Store. Comment Chrome + RT for a free month.

Introducing the world's first AI Chrome Extension Builder. Turn the manual steps you take on any website into an AI extension that does them for you. Describe it to Blink. It builds the AI extension. Download. Launch on Chrome Web Store. Comment Chrome + RT for a free month.

Blink.new

30,132 views • 1 month ago