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.

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

289,167 subscribers

91,538 views • 2 years 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

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

60,593 views • 1 year 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,209 views • 3 years ago

Stripe's Black Friday dashboard is built with Tailwind CSS 🥳

Stripe's Black Friday dashboard is built with Tailwind CSS 🥳

Adam Wathan

97,661 views • 2 years ago

Our first release of the year. Meet new invertase.io website. 3d made in #b3d + AE, the rest in Figma. Stack: Next.js / Tailwind CSS / Sanity CMS ~3 months – Branding / Design / Development

Our first release of the year. Meet new invertase.io website. 3d made in #b3d + AE, the rest in Figma. Stack: Next.js / Tailwind CSS / Sanity CMS ~3 months – Branding / Design / Development

Alex Barashkov

92,746 views • 1 year ago

created this animated vestaboard, made using Next.js and Tailwind CSS

created this animated vestaboard, made using Next.js and Tailwind CSS

OPM

12,995 views • 7 months ago

Looks like Shopify just shipped a redesign! Built with Tailwind CSS 🤩

Looks like Shopify just shipped a redesign! Built with Tailwind CSS 🤩

Adam Wathan

451,709 views • 3 years ago

A list (with code) of cool framer-motion and Tailwind CSS components from around the internet ✨ 1️⃣ Tooltip A simple and elegant tooltip component that follows the mouse pointer

A list (with code) of cool framer-motion and Tailwind CSS components from around the internet ✨ 1️⃣ Tooltip A simple and elegant tooltip component that follows the mouse pointer

Aceternity

43,234 views • 2 years ago

Our recent design project is live. Meet the new look of Search Party. 3 months of work - branding, design, development, and motion. Powered, as usual, by Next.js and Tailwind CSS.

Our recent design project is live. Meet the new look of Search Party. 3 months of work - branding, design, development, and motion. Powered, as usual, by Next.js and Tailwind CSS.

Alex Barashkov

94,720 views • 8 months 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,600 views • 1 year ago

🎨 Native CSS Variables: change one token, update your whole site. Keep design systems tight with Oxygen 6

🎨 Native CSS Variables: change one token, update your whole site. Keep design systems tight with Oxygen 6

Oxygen

127,952 views • 1 year ago

Landing page for an AI-powered health-tech startup. Copy + Design + Development. Stack: Next.js, Tailwind CSS, Shadcn, Vercel.

Landing page for an AI-powered health-tech startup. Copy + Design + Development. Stack: Next.js, Tailwind CSS, Shadcn, Vercel.

Namya @ Supafast

175,193 views • 2 years ago

`autofill` on inputs is ugly by default the background bleed ruins the clean design systems, especially in dark mode. fixed it with a pure CSS inset shadow hack: autofill:shadow-[inset_0_0_0px_1000px_var(--color-background)] to force the background color and kill the native blue.

`autofill` on inputs is ugly by default the background bleed ruins the clean design systems, especially in dark mode. fixed it with a pure CSS inset shadow hack: autofill:shadow-[inset_0_0_0px_1000px_var(--color-background)] to force the background color and kill the native blue.

zenith

83,121 views • 3 months ago

if you need some free and open source tailwind css blocks, you can use You'll find free Tailwind CSS & shadcn blocks Enjoy.

if you need some free and open source tailwind css blocks, you can use You'll find free Tailwind CSS & shadcn blocks Enjoy.

Duncan

53,999 views • 6 months 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,402 views • 1 year ago

Excited to announce that CodeSandbox now has full Tailwind CSS integration! ✨✨ Projects using Tailwind will now automatically get: - Classname autocomplete - Linting - Color highlighting - Hover previews Our Next template has it by default:

Excited to announce that CodeSandbox now has full Tailwind CSS integration! ✨✨ Projects using Tailwind will now automatically get: - Classname autocomplete - Linting - Color highlighting - Hover previews Our Next template has it by default:

Ives van Hoorne

129,927 views • 3 years ago

Put together this little demo for the introduction module in this new "Tailwind CSS by Example" course I'm working on. Succinctly covers all of the fundamental elements of building things with Tailwind in one example 👍 Excited to get back in the studio and hit record 🎬

Put together this little demo for the introduction module in this new "Tailwind CSS by Example" course I'm working on. Succinctly covers all of the fundamental elements of building things with Tailwind in one example 👍 Excited to get back in the studio and hit record 🎬

Adam Wathan

28,667 views • 10 months ago

wrote a short article on the css perspective property and how to add depth to interfaces

wrote a short article on the css perspective property and how to add depth to interfaces

will

13,102 views • 3 months ago

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

The v4 security competition starts today 🦄 $2.35M is up for grabs to help make sure v4 is the most audited code ever deployed onchain Details and rules for the competition ⤵️

The v4 security competition starts today 🦄 $2.35M is up for grabs to help make sure v4 is the most audited code ever deployed onchain Details and rules for the competition ⤵️

Uniswap

95,916 views • 1 year ago

I’m loving the new sidebar interaction by Adam Stern for Dia — had to try recreating it myself with Tailwind CSS and Motion😄

I’m loving the new sidebar interaction by Adam Stern for Dia — had to try recreating it myself with Tailwind CSS and Motion😄

Raul

14,689 views • 11 months ago