Загрузка видео...

Не удалось загрузить видео

На главную

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 просмотров • 2 лет назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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 просмотров • 1 год назад

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 просмотров • 3 лет назад

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 просмотров • 2 лет назад

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 просмотров • 1 год назад

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 просмотров • 6 месяцев назад

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 просмотров • 3 лет назад

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 просмотров • 2 лет назад

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 просмотров • 7 месяцев назад

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 просмотров • 1 год назад

🎨 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 просмотров • 11 месяцев назад

`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

82,938 просмотров • 3 месяцев назад

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 просмотров • 2 лет назад

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,887 просмотров • 6 месяцев назад

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 просмотров • 1 год назад

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 просмотров • 3 лет назад

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 просмотров • 10 месяцев назад

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,089 просмотров • 3 месяцев назад

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 просмотров • 3 лет назад

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 просмотров • 1 год назад

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 просмотров • 11 месяцев назад