Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

adamwathan's profile picture

Adam Wathan

289,167 subscribers

91,538 Aufrufe • vor 2 Jahren •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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

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

Dev Ed

60,593 Aufrufe • vor 1 Jahr

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

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

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

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

Adam Wathan

97,661 Aufrufe • vor 2 Jahren

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

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

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

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

OPM

12,995 Aufrufe • vor 7 Monaten

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

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

Adam Wathan

451,709 Aufrufe • vor 3 Jahren

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

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

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

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

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

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

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

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

Oxygen

84,594 Aufrufe • vor 1 Jahr

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

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

Namya @ Supafast

175,193 Aufrufe • vor 2 Jahren

`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.
0:12

`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,090 Aufrufe • vor 3 Monaten

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

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

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

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

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

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

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 🎬
0:15

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

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

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

will

13,102 Aufrufe • vor 3 Monaten

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

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

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

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

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 ⤵️
0:11

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