Loading video...

Video Failed to Load

Go Home

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

developedbyed's profile picture

Dev Ed

71,011 subscribers

61,377 views • 1 year ago •via X (Twitter)

Science & TechnologyEducationArts
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

✨ Build Next.js, Tailwind CSS & shadcn UIs with a visual editor. Export the code with one click. Link below.
0:14

✨ Build Next.js, Tailwind CSS & shadcn UIs with a visual editor. Export the code with one click. Link below.

Mattia

107,159 views • 1 year ago

✨ Build Next.js, Tailwind CSS & shadcn websites with drag and drop. And yes, you can export the code. Link below.
0:16

✨ Build Next.js, Tailwind CSS & shadcn websites with drag and drop. And yes, you can export the code. Link below.

Mattia

205,320 views • 2 years ago

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

✨ 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 • 2 years ago

✨ Introducing Portfolio A simple template to build a minimal personal site + dev blog Built using React, Tailwind CSS, shadcn and Magic UI 100% Free and Open Source.
0:10

✨ Introducing Portfolio A simple template to build a minimal personal site + dev blog Built using React, Tailwind CSS, shadcn and Magic UI 100% Free and Open Source.

Dillion

90,184 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.
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,614 views • 1 year 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.
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,584 views • 1 year 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
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,806 views • 3 years 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 🤩
0:16

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

We just shipped vision for v0 — generate React, Tailwind, and Shadcn UI from an image! If you’re still waitlisted, reply here with a use case for v0 vision.
0:19

We just shipped vision for v0 — generate React, Tailwind, and Shadcn UI from an image! If you’re still waitlisted, reply here with a use case for v0 vision.

Max Leiter

130,776 views • 2 years ago

✨ Introducing Magic UI 🪄 A UI library of animated components to build beautiful landing pages. Built using React, Tailwind CSS and Framer motion. 100% Free and Open Source.
0:17

✨ Introducing Magic UI 🪄 A UI library of animated components to build beautiful landing pages. Built using React, Tailwind CSS and Framer motion. 100% Free and Open Source.

Dillion

325,302 views • 2 years ago

The future of AI in web development? This app generates code and images to convert a screenshot into HTML/Tailwind CSS. I just gave it a screenshot of my X feed, and look what it produced (Notes & link in the comments):
0:10

The future of AI in web development? This app generates code and images to convert a screenshot into HTML/Tailwind CSS. I just gave it a screenshot of my X feed, and look what it produced (Notes & link in the comments):

Alvaro Cintas

303,554 views • 2 years ago

okay wow 🫨 just teased Paper desktop with MCP (beta) asked Claude to read my layers and got back react + tailwind, imports, fonts, blend modes, shader params, everything! now you know why we chose to build Paper from scratch with real html/css at its core: LLMs just get it!
0:15

okay wow 🫨 just teased Paper desktop with MCP (beta) asked Claude to read my layers and got back react + tailwind, imports, fonts, blend modes, shader params, everything! now you know why we chose to build Paper from scratch with real html/css at its core: LLMs just get it!

Agu Seguí

25,125 views • 8 months ago

✨ Big Tailwind Plus update today — we added dark mode support to all of the marketing and application UI blocks! Now you can preview + copy any of these examples with just light mode styles, just dark mode styles, or with both light/dark support 🌒
0:13

✨ Big Tailwind Plus update today — we added dark mode support to all of the marketing and application UI blocks! Now you can preview + copy any of these examples with just light mode styles, just dark mode styles, or with both light/dark support 🌒

Adam Wathan

34,331 views • 1 year ago

We've added a copy-and-flip feature to Whiteboard Fox! Just select an area and click 'Flip'. Thanks to Ray and other users who suggested this feature 😀 Try it free at
0:10

We've added a copy-and-flip feature to Whiteboard Fox! Just select an area and click 'Flip'. Thanks to Ray and other users who suggested this feature 😀 Try it free at

Whiteboard Fox

37,727 views • 2 years ago

I just published the full guide to building forms with the Field component: - TanStack Form & React Hook Form - Zod validation and displaying errors - Practical examples we’ll actually use - Inputs, Radios, Fieldset, Arrays & more Check it out. Link below.
0:14

I just published the full guide to building forms with the Field component: - TanStack Form & React Hook Form - Zod validation and displaying errors - Practical examples we’ll actually use - Inputs, Radios, Fieldset, Arrays & more Check it out. Link below.

shadcn

253,734 views • 1 year ago

We've just added a fun feature to our creative tools: model importing! 🔧 Can't wait to see all the crazy builds you do with it! #Hytale
0:19

We've just added a fun feature to our creative tools: model importing! 🔧 Can't wait to see all the crazy builds you do with it! #Hytale

Hytale

961,865 views • 9 months ago

I have clients who need Webflow, Framer, Next.js/Tailwind CSS services. Last month, I teamed up with Irfan Aziz on a Framer project. I'm looking to collaborate with devs: • Full pay, no cut • No referral fees • Must be a goat at development Share your best website development project links below!
0:11

I have clients who need Webflow, Framer, Next.js/Tailwind CSS services. Last month, I teamed up with Irfan Aziz on a Framer project. I'm looking to collaborate with devs: • Full pay, no cut • No referral fees • Must be a goat at development Share your best website development project links below!

Namya @ Supafast

91,439 views • 2 years ago

Monster v2 is live on Base! We’ve refreshed the gacha with better odds and new cards, added a marketplace to buy cards from the treasury directly, and all cards in your collection have instant liquidity through buyback offers. Build your collection onchain with Monster.
0:17

Monster v2 is live on Base! We’ve refreshed the gacha with better odds and new cards, added a marketplace to buy cards from the treasury directly, and all cards in your collection have instant liquidity through buyback offers. Build your collection onchain with Monster.

Monster

45,878 views • 6 months ago