Auto-Flipping 3D Profile Card with Tailwind CSS
This project showcases a 3D auto-flipping profile card built with HTML, Tailwind CSS, and vanilla JavaScript. The front side displays the user’s photo, name, and role, while the back side reveals contact information. The card flips automatically every few seconds to add a dynamic, engaging feel—perfect for portfolios or personal websites.
This tailwind example is contributed by irahoza daniel, on 24-May-2025. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example is Transitions
Author irahoza daniel
Related Examples
-
1 year ago2.1k -
Experience CardExperience card section you can use for portfolio or other profiles.
1 year ago3.3k -
8 months ago1.3k -
Animated Profile CardAnimated profile card with profile completion circle
6 months ago1k -
Card with ThumbnailPost card with image
3 years ago11k -
2 years ago18.9k -
Beautiful and Responsive Card ComponentModern, professional and responsive card component for the blog/services/info
5 months ago632 -
2 months ago10 -
Product card for e-commerceA responsive product card for e-commerce, displaying product image, country flag, volume, name, and price, with hover effects and a clean layout.
8 months ago922 -
Instagram Post UI MockupA static HTML and Tailwind CSS component that visually replicates the user interface of an Instagram post. This mockup includes the post header (avatar, username, options), image area, action buttons (like, comment, share, save), like count, caption, and comment section. It features responsive constraints and supports both light and dark mode, closely mimicking the look and feel of the actual Instagram app. Ideal for UI prototyping, style guides, or frontend development practice.
3 months ago447 -
2 years ago8.6k -
1 year ago1.8k
Explore components by Tags
Didn't find component you were looking for?
Search from 2400+ components
