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.

Having a blast working on a tool to create wide gamut color palettes for Tailwind CSS v4.

Dan Hollick

47,372 subscribers

44,114 views • 1 year ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Tailwind CSS Tip ✨ You can create a pure css carousel in Tailwind CSS using scroll snap. Live demo ↓ (21/30) follow for 9 more tips 🔔

Tailwind CSS Tip ✨ You can create a pure css carousel in Tailwind CSS using scroll snap. Live demo ↓ (21/30) follow for 9 more tips 🔔

Surjith S M ✪

203,353 views • 3 years ago

Deployed the first Tailwind CSS v4-powered website to the internet this afternoon 🥳 Native cascade layers, `@property` definitions, `color-mix()`, and variables galore 🤩

Deployed the first Tailwind CSS v4-powered website to the internet this afternoon 🥳 Native cascade layers, `@property` definitions, `color-mix()`, and variables galore 🤩

Adam Wathan

91,538 views • 2 years ago

Tailwind CSS Tip ✨ You can create some cool looking loaders and spinners using Tailwind CSS. Thanks to Tailscan for Tailwind CSS for the inspiration. Demo & Code 👇 (14/30) follow for 16 more tips 🔔

Tailwind CSS Tip ✨ You can create some cool looking loaders and spinners using Tailwind CSS. Thanks to Tailscan for Tailwind CSS for the inspiration. Demo & Code 👇 (14/30) follow for 16 more tips 🔔

Surjith S M ✪

140,240 views • 3 years ago

Added a glow feature to my shadcn cards with tailwind v4, no component duplication, just blendmode and css shananigans ✨

Added a glow feature to my shadcn cards with tailwind v4, no component duplication, just blendmode and css shananigans ✨

Dev Ed

61,377 views • 1 year ago

Tailwind CSS Tip ✨ You can create a floating input form with Tailwind CSS using ":placeholder-shown" pseudo class. Live Demo & Code 👇 (8/30) follow for 22 more tips 🔔

Tailwind CSS Tip ✨ You can create a floating input form with Tailwind CSS using ":placeholder-shown" pseudo class. Live Demo & Code 👇 (8/30) follow for 22 more tips 🔔

Surjith S M ✪

173,091 views • 3 years ago

Quick tip everyone using Tailwind CSS You can easily create your brand's color palette with Pro tip: hit space to cycle through colors ✨

Faizur Rehman

21,301 views • 2 years ago

Here's a clean, animated Tailwind CSS detail accordion with no javascript. Not sure if possible in v3, but so much easier with V4.

Here's a clean, animated Tailwind CSS detail accordion with no javascript. Not sure if possible in v3, but so much easier with V4.

Tony Lea

115,614 views • 1 year ago

Quick demo of this CSS-driven configuration coming in Tailwind CSS v4 — creating a new `font-comic` utility by just creating a new CSS variable under our new `@theme` directive. No JS configuration file, all the same theme customization flexibility 🤩

Quick demo of this CSS-driven configuration coming in Tailwind CSS v4 — creating a new `font-comic` utility by just creating a new CSS variable under our new `@theme` directive. No JS configuration file, all the same theme customization flexibility 🤩

Adam Wathan

95,414 views • 2 years ago

finally got around to updating my site to Next.js 15 + Tailwind CSS v4. finally added a dark mode which was quite nice with oklch() + v4 theme vars. i made it greenish to complement my warm light mode. also used View Transition API + svg filter for this theme reveal effect.

finally got around to updating my site to Next.js 15 + Tailwind CSS v4. finally added a dark mode which was quite nice with oklch() + v4 theme vars. i made it greenish to complement my warm light mode. also used View Transition API + svg filter for this theme reveal effect.

Stammy

72,550 views • 1 year ago

Introducing custom color palettes for FigJam. To celebrate, we’ll be bringing a little color to your feed today 🎨 #FigJamColorDay

Introducing custom color palettes for FigJam. To celebrate, we’ll be bringing a little color to your feed today 🎨 #FigJamColorDay

Figma

60,380 views • 3 years ago

Need a color palette for #dataviz? ➡️ Check my color palette finder! 🚀 2500 palettes available 👀 Instantly see how palette looks like on 7 charts ⌨️ R/Python code available ☑️ Test for color-blindness 🔎 Filter palettes easily

Need a color palette for #dataviz? ➡️ Check my color palette finder! 🚀 2500 palettes available 👀 Instantly see how palette looks like on 7 charts ⌨️ R/Python code available ☑️ Test for color-blindness 🔎 Filter palettes easily

Yan Holtz

12,947 views • 1 year ago

Looking for the best color palette? 😔 Check the tool we just created with Joseph: 🎨 2500+ palettes 🐍 Python Library to get them 🔍 Easy-to-use application to find your perfect match Feedback welcome, we're working hard on this right now!

Looking for the best color palette? 😔 Check the tool we just created with Joseph: 🎨 2500+ palettes 🐍 Python Library to get them 🔍 Easy-to-use application to find your perfect match Feedback welcome, we're working hard on this right now!

Yan Holtz

76,643 views • 2 years ago

Understanding Accessibility A tool for web designers that explains how to use color, typography and media to create accessible interfaces.

Understanding Accessibility A tool for web designers that explains how to use color, typography and media to create accessible interfaces.

Nick Babich

142,051 views • 2 years ago

we’re having a blast working if you couldn’t tell

we’re having a blast working if you couldn’t tell

ryz 🔱🌊

33,835 views • 1 year ago

✨ Introducing Mobile A beautiful landing page template for your mobile app Built using Next.js, Tailwind CSS, shadcn and Magic UI

✨ Introducing Mobile A beautiful landing page template for your mobile app Built using Next.js, Tailwind CSS, shadcn and Magic UI

Dillion

75,602 views • 1 year ago

having a blast on sdmp

having a blast on sdmp

ted

177,262 views • 2 years ago