Cards
3D Hover Monster Cards
Interactive fantasy cards that tilt toward the floor on hover while unique monster characters rise above…
Cards
Discover modern CSS card designs for websites and UI projects. Explore interactive cards, hover effects, 3D animations, product cards, profile cards and creative layouts. Each component includes ready-to-use HTML, CSS and JavaScript code that you can customize for your own projects.
Cards
Interactive Travel Destination Slider
A cinematic travel destination slider with animated hero image switching, interactive destination cards, navigation arrows and…
Cards
Interactive Matcha Product Switcher Card
A premium interactive product card with four matcha variations, smooth image switching, dynamic delivery date and…
Cards
3D Smartwatch Fitness Dashboard Reveal Card
An interactive smartwatch fitness card with a glowing dial, animated health stats, product pop-out and smooth…
Cards
3D Headphone Audio Reveal Card
An interactive neon audio card with a morphing logo, animated equalizer, headphone pop-out and smooth 3D…
Cards
Interactive Sneaker Product Reveal Card
A futuristic product card that expands from a circular brand logo into a premium sneaker showcase…
Cards
3D Fantasy Book Cover Pop-Out Cards
Interactive fantasy book cards with a smooth 3D hover effect that brings the character out of…
Cards
Interactive CTA Card
A modern call-to-action card with an icon, short message and animated button. Copy the HTML and…
Cards
Team Member Card
A clean team profile card with avatar, role, short bio and social links. Copy the HTML…
Cards
Notification Card
A clean notification card with an icon, message, timestamp and unread indicator. Copy the HTML and…
Cards
Stats Card
A modern statistics card with a main value, growth indicator and progress bar. Copy the HTML…
Cards
Feature Card
A clean feature card with a gradient icon, supporting text and a simple action link. Copy…
Cards
Blog Article Card
A modern blog article card with thumbnail area, category label, article details and a read-more link.…
Cards
Testimonial Card
A clean testimonial card with customer feedback, star rating and profile details. Copy the HTML and…
Cards
Product Card
A modern product card with image area, rating, price and a clear add-to-cart action. Copy the…
Cards
Pricing Card
A modern pricing card with plan details, feature list and a clear call-to-action button. Copy the…
Cards
Glassmorphism Card
A modern glass-style card with translucent layers, soft blur and subtle glow effects. Copy the HTML…
Cards
Hover Lift Card
A modern content card with a smooth lift effect, soft glow and subtle border highlight on…
Cards
Profile Card
A clean modern profile card with an avatar, user details, social stats and action buttons. Copy…