正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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 次观看 • 2 年前 •via X (Twitter)

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 ✨

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 🔔

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 🥳

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

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

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

OPM

12,995 次观看 • 7 个月前

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 次观看 • 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

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.

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 次观看 • 8 个月前

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 次观看 • 1 年前

🎨 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 次观看 • 1 年前

`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 次观看 • 3 个月前

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 次观看 • 2 年前

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

54,020 次观看 • 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.

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:

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 次观看 • 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 🎬

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

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

will

13,102 次观看 • 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 🔔

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 ⤵️

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😄

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 个月前