card delivary
card
This tailwind example is contributed by bonheur dev, on 09-Jun-2025. Component is made with Tailwind v3.4. It is responsive. similar terms for this example is Transitions
Related Examples
-
-
Bug Beach Day HeatwaveThis playful animation brings sweltering summer insects to life with pure HTML and Tailwind CSS. Watch as: 🔥 Glowing Fireflies pulse with heat-radiant light, their wings shimmering in the desert sun 🐞 Overheated Ladybugs scuttle across cracked earth, their red shells reflecting the blazing heat ☀️ A Wobbling Sun dominates the sky, emitting pulsing heat waves across the animated landscape
1.7k -
background animation
background animation
53.2k -
Scooby’s Hello – A Tailwind CSS Cartoon AnimationA playful animation built with Tailwind CSS and minimal custom CSS, featuring a cartoon-style Scooby-inspired dog sliding in from the left, wagging its tail, and cheerfully saying "Hello!"—perfect for adding personality to a fun web project.
1.3k -
Responsive 3D Car Delivery Animation TutorialResponsive 3D Car Delivery Animation Tutorial
1.1k -
3D Coverflow Slider — Ambient BackgroundA depth-based 3D slider with real perspective and rotateY transforms (not just fade), paired with a drifting polyhedra background that responds to cursor movement. Zero dependencies — pure Tailwind utilities, one config file, and vanilla JS. Auto-plays, pauses on hover, fully keyboard/dot-navigable. Swap the color tokens in the config to reskin it.
202 -
Typewriter animation effect
Build using only Tailwind CSS; no JavaScript is required. This is a continuous typing effect. If you want to stop it after the text is typed for the first time, then you can remove 'infinite' from [typing: 'typing 2s steps(20) infinite alternate, blink .7s infinite'] from the config file.
22.1k -
Journey Through the Solar System 🚀Embark on a stunning animated voyage across our solar system. Watch as your spaceship glides past the Sun, planets, and distant Pluto — all brought to life with simple, clean Tailwind CSS. A fun and educational journey through the cosmos!
1.2k -
Loading Spinner Component - Animated Circle LoaderLoading spinner component featuring a smooth animated circle loader with dashed border animation. Perfect for website loading states, content loading indicators, and improving user experience during page transitions. Easy to implement and customize for any project.
1.5k -
Expandable CardAn expandable card using tailwind + alpine to show additional information when it is open
844 -
Continue with Social Login - Continue with Google, LinkedIn, Twitter, Facebook, GitHub, AppleStreamline your account creation and login process. Use our secure social login buttons to quickly sign in or register using your existing Google, LinkedIn, Twitter, Facebook, GitHub, or Apple account.
929 -
Canlı Yayın Butonu
Pulse efekt içeren canlı yayın butonu.
2.5k
Browse by topic
Explore components by Tags
Jump straight to the UI pattern you need.
Can't find it?
Didn't find the component you were looking for?
Search across 3,000+ community-built components and grab the code in seconds.