--- title: "Framer Components for Cards — Page 3 of 35 · Best of Framer" description: "Framer components for Cards, ordered by marketplace rank — switch to newest or fastest-gaining, then drop one into your own project. (Page 3 of 35)" canonical: "https://framer.elliotli.dev/components/category/cards/3" --- Resources # Components for Cards Reusable UI pieces you can drop straight into a project — browse by category, or order by rank, newest, and gaining. [Browse templates](/templates)[Browse vectors](/vectors) - [All categories](/components) - [Interactive](/components/category/interactive) - [Carousels](/components/category/carousels) - [Text](/components/category/text) - [Sections](/components/category/sections) - [Buttons](/components/category/buttons) - [Effects](/components/category/effects) - [Cards](/components/category/cards) - [Galleries](/components/category/galleries) - [Backgrounds](/components/category/backgrounds) - [Navigation](/components/category/navigation) - [Forms](/components/category/forms) - [Cursors](/components/category/cursors) - [Loaders](/components/category/loaders) - [Players](/components/category/players) - [Accordions](/components/category/accordions) - [Charts](/components/category/charts) - [Maps](/components/category/maps) - [Interactions](/components/category/interactions) - [Typography](/components/category/typography) - [CMS](/components/category/cms) - [Data](/components/category/data) - [Layout](/components/category/layout) - [Utilities](/components/category/utilities) [All component categories](/components/category) - [Rank](/components/category/cards) - [Newest](/components/category/cards?sort=newest) - [Trending](/components/category/cards?sort=gaining) [Free](/components/category/cards?free=1) - [Hover Review Card](/component/hover-review-card) — Srinivas s · Free — Hover Review Card is a modern interactive testimonial component designed to bring smooth motion and premium visual depth to Framer websites. - [Team Card Hover](/component/team-card-hover) — Septianto · Free — Interactive Team Card - [Scrapbook About Me](/component/scrapbook-about-me) — Neha S Naushad · $6 — Scrapbook About Me is a nostalgic, handcrafted-style About Me card, built to help creators and freelancers present their bio through… - [Swipe Card](/component/swipe-card) — Joe Laub · $6 — The Swipe Card - Kinetic Deck Carousel is an avant-garde, 3D-stacked slider designed to showcase high-end portfolios, brand timelines… - [Scroll Split Cards](/component/scroll-split-cards) — Soyeb · $14 — Purchase and remix the included Framer project Locate the layer named “Scroll Split Cards Section” in the Layers panel Copy the entire… - [StudioShowcase Stack](/component/studioshowcase-stack) — Rayan Yasser · $5 — StudioShowcase Stack is a minimal, studio-style stacked carousel built for showcasing work. - [Pixel Hover Card](/component/pixel-hover-card) — Matt · Free — About Pixel Hover Card is an interactive product card that reveals a second image through a randomized pixel-mosaic animation. - [Team Hover Card](/component/team-hover-card) — Kumar SK · Free — Interactive team card with hover reveal - [Hover Expand Cards](/component/hover-expand-cards) — Iconic Graphics · $9 — Full Description Add depth and interaction to your Framer website with Hover Expand Cards. - [InteractiveStackCard](/component/interactivestackcard) — sherwin · $15 — Services & Pricing Table - [liquid Blob card](/component/liquid-blob-card) — Sinax · Free — Fluid Morph blob image card - [Motion Feature Cards](/component/motion-feature-cards) — Agravat Sahil · Free — Motion Feature Cards, a modern Framer component designed for SaaS, AI startups, agencies, and product websites. - [Diplo Flip](/component/diplo-flip) — Georgios Lavdas · Free — Diplo Flip is a high-performance interactive card component that flips dynamically based on the direction of cursor entry. - [Magnetic Hover Cards](/component/magnetic-hover-cards) — Brandson Digital · Free — What it is Magnetic Hover Cards is a reusable card set with direction-aware hover interaction. - [Smooth Hover](/component/boxstack) — Pradeep · Free — Reason why I added a nice and smooth hover effect that shows the actual/full size of the box and the rest of the boxes to equal width which… - [Rolling card stack](/component/rolling-card-stack) — UX Ridham · $5 — Choose a card, reorder the deck - [Shape Shift Cards](/component/shape-shift-cards) — Studio Digital · Free — Playful cards with moving shapes - [ProductCard](/component/productcard) — Rubab Mubashar · Free — 3D Shadow Product Card - [Rollover Cards](/component/rollover-cards) — Hani · $5 — Stacked Rollover Cards brings an engaging, interactive card stack to your Framer projects. - [Card Stack Reveal](/component/card-stack-reveal) — Nostromo Studio · Free — Card Stack Reveal turns a list of profile or content cards into a compact, animated deck. - [WebX Bento Grid](/component/webx-bento-grid) — Bode Chris · $5 — WebX Bento Grid is a customizable Framer component for presenting services, features, projects, products and content in an expressive… - [Color Cut Premium](/component/color-cut-premium) — felix strobel · $15 — Bold editorial cards - [Portfolio Image Card](/component/portfolio-image-card) — Dacil Kairo · Free — Keywords: hover image card, image reveal component, photography hover effect, directional blur hover, black and white hover, image tint… - [Motion Cards](/component/motion-cards) — Julian Vogelsang · Free — Clean design & playful motion. [Previous](/components/category/cards/2) - [1](/components/category/cards) - [2](/components/category/cards/2) - [3](/components/category/cards/3) - [4](/components/category/cards/4) - … - [35](/components/category/cards/35) [Next](/components/category/cards/4) Page 3 of 35, 837 items.