Flip — Interactive Two-Sided Card
A mountain-backed summary reveals a detailed action face with an explicit accessible flip control.
CardsFree
The standalone components collection
Cards
21 responsive cards designs for your next project.
React / Next.js + Tailwind and standalone HTML, CSS and JavaScript.
Feature, product, pricing and content cards in distinct visual styles.
← Browse all categories- Independent sourceMade for your own codebase
- Responsive layoutsMobile, tablet and desktop
- Both code formatsReact/Tailwind + HTML/CSS/JS
- 21 free downloads
9 components found
Showing 1–9 of 9Expand — Expandable Content Card
An editorial introduction card with architectural imagery and native, accessible content disclosures.
CardsFree
Stack — Layered Card Stack
A layered story carousel with real imagery, explicit navigation, pagination and accessible slide announcements.
CardsFree
Article — Editorial Blog Card
A square-friendly editorial teaser with cinematic imagery, floating badges and author attribution.
CardsFree
Portfolio — Project Showcase Card
A square photographic project card with selectable views and an accessible full-image dialog.
CardsFree
Timeline — Milestone Progress Card
A compact square-friendly project timeline with derived completion counts and explicit milestone states.
CardsFree
Media — Video Content Card
A cinematic video card with selectable posters and genuine source-driven playback; the bundled demo is explicitly static.
CardsFree
Notification — Activity Feed Card
A clean local activity feed with derived unread counts, relative timestamps and mark-as-read controls.
CardsFree
Depth — Interactive 3D Tilt Card
A layered photographic card with bounded pointer tilt, a circular action and reduced-motion and touch fallbacks.
CardsFree