---
title: "Framer Components for Cards — 837 Ranked · 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."
canonical: "https://framer.elliotli.dev/components/category/cards"
---

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)

-   [Switching Tabs Card](/component/switching-tabs-card) — felix strobel · Free — A bold, image-led tab component
-   [Card — Folder](/component/card-folder) — Gennady Muzych · $9 — Encouraging to click
-   [Bento Testimonial](/component/bento-testimonial) — Interface Studio · $10 — Reviews That Make an Impact
-   [LiquidGlass FlipCard](/component/liquidglass-flipcard) — Matt · Free — A 3D reveal in liquid glass
-   [Programs](/component/programs) — Nur Mohammad · Free — Build polished card section.
-   [Glow Pricing](/component/glow-pricing) — Dev Ahsan · Free — 3-plan pricing with yearly toggle
-   [Card — Bookmark](/component/card-bookmark) — Gennady Muzych · $6 — It makes me want to press
-   [Progress Steps](/component/progress-steps) — Beth · Free — Copy the component into your own project: Copy the Progress Steps component from the remix file and paste it into the page where you want…
-   [Service Tiles](/component/service-tiles) — felix strobel · Free — Compact cards. Thoughtful interact
-   [CMS Showcase Card](/component/cms-showcase-card) — Vee Maji · Free — Setup Steps 1.
-   [Card Interactions](/component/card-interactions) — Nirmiti Kale · Free — Dynamic card animation components.
-   [Office Location Card](/component/office-location-card) — felix strobel · Free — Explore multiple office locations
-   [Polaroid Flip Card](/component/polaroid-flip-card) — Sasha Balandina · Free — Polaroid Flip Card is a single polaroid that tilts in 3D on hover and flips to reveal a handwritten note on the back.
-   [Circle Expand Card](/component/circle-expand-card) — Nostromo Studio · Free — About This Component Circle Expand Card is an interactive media card designed to create bold hover interactions with smooth expanding…
-   [Peeling Cards](/component/peeling-cards) — Ameva · $4 — Dynamic 3D card carousel.
-   [Feature Flipper](/component/feature-flipper) — Bad Ant Studio · Free — Expandable feature cards component
-   [3D Card Carousel Pro](/component/3d-card-carousel-pro) — Storiex · $15 — Give your work another dimension
-   [Workflow cards](/component/workflow-cards) — Nirmiti Kale · Free — Responsive process cards.
-   [Hover Product Card](/component/hover-product-card) — Omer Mirza · Free — The Hover Product Card is a refined, minimal Framer component designed for modern ecommerce and brand-driven websites.
-   [3D_Chrome_Tribal.exe](/component/3d-chrome-tribal-exe) — S̶̈́͂IX BILLIÖ̴́N HERSELF · $39 — Animated chrome card, 10 variants
-   [Progress Cards](/component/progress-cards) — RaDe Creatives · Free — Showcase your agency’s process with this interactive 3-step progress card component.
-   [Morph Pill Card](/component/morph-pill-card) — vasp · Free — Pill to Card on hover
-   [Milk Glass Folder](/component/milk-glass-folder) — KOJA Studios · Free — Glass folder for projects and PDFs
-   [Motion Tiles](/component/motion-tiles) — Uzair J. · Free — About this Component An interactive 3D motion tile for Framer that moves with your cursor, adding depth and a smooth parallax effect.

Previous

-   [1](/components/category/cards)
-   [2](/components/category/cards/2)
-   …
-   [35](/components/category/cards/35)

[Next](/components/category/cards/2)

Page 1 of 35, 837 items.