Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 1 yıl önce •via X (Twitter)

Bilim & TeknolojiEğitimSanat
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

✨ 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,141 görüntüleme • 1 yıl önce

✨ 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,173 görüntüleme • 2 yıl önce

✨ 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 görüntüleme • 1 yıl önce

✨ 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,049 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

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,550 görüntüleme • 1 yıl önce

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,391 görüntüleme • 2 yıl önce

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 görüntüleme • 2 yıl önce

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,744 görüntüleme • 2 yıl önce

✨ 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

324,916 görüntüleme • 2 yıl önce

its out! +50 Tailwind CSS buttons ready for use: free, no js, easy to integrate with a simple copy-paste This will be my evolving collection, I will add new styles and micro-interactions soon. Feel free to star the GitHub repo for updates
0:13

its out! +50 Tailwind CSS buttons ready for use: free, no js, easy to integrate with a simple copy-paste This will be my evolving collection, I will add new styles and micro-interactions soon. Feel free to star the GitHub repo for updates

Ibelick

131,343 görüntüleme • 2 yıl önce

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,527 görüntüleme • 2 yıl önce

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 görüntüleme • 6 ay önce

✨ 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 görüntüleme • 1 yıl önce

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,557 görüntüleme • 2 yıl önce

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 görüntüleme • 10 ay önce

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

960,615 görüntüleme • 7 ay önce

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,415 görüntüleme • 2 yıl önce

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

44,965 görüntüleme • 4 ay önce