Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

tnylea's profile picture

Tony Lea

7,876 subscribers

115,614 Aufrufe • vor 1 Jahr •via X (Twitter)

BildungWissenschaft & Technologie
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 Tweak #6 Learn how to do custom form validation with Tailwind CSS, no JavaScript required. 🪄 Code: Don't forget to follow for daily tweaks!🫶🏻
0:12

Tailwind Tweak #6 Learn how to do custom form validation with Tailwind CSS, no JavaScript required. 🪄 Code: Don't forget to follow for daily tweaks!🫶🏻

Namya @ Supafast

57,316 Aufrufe • vor 3 Jahren

Responsive profile UI with animated tabs with HTML, CSS and JavaScript 🚀 Code in the comments 👨‍💻
0:13

Responsive profile UI with animated tabs with HTML, CSS and JavaScript 🚀 Code in the comments 👨‍💻

David Mráz

14,508 Aufrufe • vor 11 Monaten

Introducing Motion-Primitives: a collection of reusable animated components built with Framer Motion and Tailwind CSS.
0:15

Introducing Motion-Primitives: a collection of reusable animated components built with Framer Motion and Tailwind CSS.

Ibelick

88,945 Aufrufe • vor 2 Jahren

Skewed infinite carousel w/ vignette effect ✨ Built entirely with Tailwind CSS – zero JavaScript required. Live demo & code 👇
0:11

Skewed infinite carousel w/ vignette effect ✨ Built entirely with Tailwind CSS – zero JavaScript required. Live demo & code 👇

Steven Tey

472,799 Aufrufe • vor 2 Jahren

You can make elements smoothly animate between pages with just two lines of CSS. No JavaScript needed. Here's how 👇
0:13

You can make elements smoothly animate between pages with just two lines of CSS. No JavaScript needed. Here's how 👇

Victor

22,216 Aufrufe • vor 1 Monat

Having a blast working on a tool to create wide gamut color palettes for Tailwind CSS v4.
0:19

Having a blast working on a tool to create wide gamut color palettes for Tailwind CSS v4.

Dan Hollick

44,114 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

5 sites for web developers - React CSS components - Full-stack app hosting (JavaScript, PHP, Python...) - Tailwind CSS library - SVG logos - Typescript UI
0:12

5 sites for web developers - React CSS components - Full-stack app hosting (JavaScript, PHP, Python...) - Tailwind CSS library - SVG logos - Typescript UI

Csaba Kissi

31,129 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,714 Aufrufe • vor 3 Jahren

I don't think its usable but it was a fun little experiment built with Three.js Motion Tailwind CSS and Next.js
0:15

I don't think its usable but it was a fun little experiment built with Three.js Motion Tailwind CSS and Next.js

Manu Arora

25,757 Aufrufe • vor 5 Monaten

Card Splitting Accordion Interaction ✧ Made with Tailwind and Motion React. Inspired by Nitish Khagwal
0:17

Card Splitting Accordion Interaction ✧ Made with Tailwind and Motion React. Inspired by Nitish Khagwal

LN

14,072 Aufrufe • vor 1 Jahr

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

¡Tremenda colección de botones para mejorar tu web! De copiar y pegar, sin JavaScript y con Tailwind CSS →
0:16

¡Tremenda colección de botones para mejorar tu web! De copiar y pegar, sin JavaScript y con Tailwind CSS →

Miguel Ángel Durán

49,324 Aufrufe • vor 2 Jahren

💡CSS Tip! Create a tooltip that follows an anchor with modern CSS! No JavaScript is used to control the position of the tooltip or its tail. It's 100% CSS magic!
0:16

💡CSS Tip! Create a tooltip that follows an anchor with modern CSS! No JavaScript is used to control the position of the tooltip or its tail. It's 100% CSS magic!

CSS by T. Afif

57,769 Aufrufe • vor 8 Monaten

i'm late to this but CSS Minecraft (by Benjamin Aster) is the coolest CSS hack i've ever seen and it's not close. what a feat. there's no javascript on this page!!
0:16

i'm late to this but CSS Minecraft (by Benjamin Aster) is the coolest CSS hack i've ever seen and it's not close. what a feat. there's no javascript on this page!!

nolen

277,544 Aufrufe • vor 1 Jahr

Create this password validator with HTML, CSS and JavaScript 🚀 Code in the comments 👨‍💻
0:10

Create this password validator with HTML, CSS and JavaScript 🚀 Code in the comments 👨‍💻

David Mráz

13,836 Aufrufe • vor 10 Monaten

Tailwind CSS Tip ✨ You can create a floating input form with Tailwind CSS using ":placeholder-shown" pseudo class. Live Demo & Code 👇 (8/30) follow for 22 more tips 🔔
0:17

Tailwind CSS Tip ✨ You can create a floating input form with Tailwind CSS using ":placeholder-shown" pseudo class. Live Demo & Code 👇 (8/30) follow for 22 more tips 🔔

Surjith S M ✪

173,050 Aufrufe • vor 3 Jahren

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

54,020 Aufrufe • vor 6 Monaten