Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

Haberler & PolitikaEğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

9 Yorum

🦋 alex profil fotoğrafı
🦋 alex2 yıl önce

hey thats me! thanks for the shoutout and video 🙏

Wes Bos profil fotoğrafı
Wes Bos2 yıl önce

Thanks for the extension!

Aries profil fotoğrafı
Aries2 yıl önce

For everyone looking for the download:

Wes Bos profil fotoğrafı
Wes Bos2 yıl önce

Ah, thank you. Forgot to link it 👆🏻

Nate Wienert profil fotoğrafı
Nate Wienert2 yıl önce

, Tamagui*

Hacksore profil fotoğrafı
Hacksore2 yıl önce

@trashh_dev CSS mentioned, you know what to do 😂

Volkan Kaya profil fotoğrafı
Volkan Kaya2 yıl önce

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

Dalton Walsh profil fotoğrafı
Dalton Walsh2 yıl önce

Here for the CSS fight in the comments

Gilbert Matos | Nodejs/Nextjs/C# profil fotoğrafı
Gilbert Matos | Nodejs/Nextjs/C#2 yıl önce

that last line took me out Wes 😂😂😂

Benzer Videolar

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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