Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

wesbos's profile picture

Wes Bos

440,804 subscribers

90,232 Aufrufe • vor 2 Jahren •via X (Twitter)

Nachrichten & PolitikBildungWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

9 Kommentare

Profilbild von 🦋 alex
🦋 alexvor 2 Jahren

hey thats me! thanks for the shoutout and video 🙏

Profilbild von Wes Bos
Wes Bosvor 2 Jahren

Thanks for the extension!

Profilbild von Aries
Ariesvor 2 Jahren

For everyone looking for the download:

Profilbild von Wes Bos
Wes Bosvor 2 Jahren

Ah, thank you. Forgot to link it 👆🏻

Profilbild von Nate Wienert
Nate Wienertvor 2 Jahren

, Tamagui*

Profilbild von Hacksore
Hacksorevor 2 Jahren

@trashh_dev CSS mentioned, you know what to do 😂

Profilbild von Volkan Kaya
Volkan Kayavor 2 Jahren

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

Profilbild von Dalton Walsh
Dalton Walshvor 2 Jahren

Here for the CSS fight in the comments

Profilbild von Gilbert Matos | Nodejs/Nextjs/C#
Gilbert Matos | Nodejs/Nextjs/C#vor 2 Jahren

that last line took me out Wes 😂😂😂

Ähnliche 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.
0:27

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

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!
0:29

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

🚨 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.
1:03

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

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

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

🔥 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!
1:00

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

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!
0:32

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

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:
1:58

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

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

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

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 →
0:33

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

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

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

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

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

jhey ʕ•ᴥ•ʔ

272,914 Aufrufe • vor 2 Jahren

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

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

Robin Delta

41,075 Aufrufe • vor 2 Jahren

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

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

Alfon

39,415 Aufrufe • vor 1 Jahr

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 🔔
0:25

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

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

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

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
2:02

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

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

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

David Aerne

64,716 Aufrufe • vor 6 Monaten

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

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