---
title: "Floating Cards — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Aidan Looker · Cards. What is Floating Cards?"
canonical: "https://framer.elliotli.dev/component/floating-cards"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Floating Cards

# Floating Cards

Fluid fanning cards with premium motion.

[View on Framer](https://framer.com/marketplace/components/floating-cards/?via=elliot-li)

![Floating Cards preview image 1](https://framer.elliotli.dev/og/component/floating-cards/90ce7d14232b6c0f/1600x1200.jpg)

## Summary

What is Floating Cards?

## Description

## What is Floating Cards?

Floating Cards brings your content to life through continuous idle motion and sophisticated hover interactions. It elegantly displays arrays of data—such as portfolios, services, or features—by fanning them out interactively. With a simple toggle, it adapts into a fully responsive mobile carousel, ensuring a flawless user experience across all devices.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8vjwbcr2-RQLDut7AgLOovQEwgaJNpNG4n3n3B6)](https://teampixelau.lemonsqueezy.com/checkout/buy/3b016e8d-2ba4-4944-8431-e2c592334df1)

## Core Features

-   Dual Responsive Layouts: Automatically transitions between a striking desktop fan array and an intuitive mobile horizontal slider.
    
-   Sophisticated Physics: Powered by sophisticated spring physics for continuous idle floating, smooth entrance animations, and fluid hover lifts.
    
-   Deep Customization: Granular control over aesthetics with built-in color presets, corner radius adjustments, and dynamic glow shadows.
    
-   Native Typography Integration: Visually customize title, subtitle, and button fonts directly from the Framer properties panel.
    
-   Native Routing: Connect call-to-action buttons directly to internal pages or external URLs using Framer's built-in link controls.
    

## Controls inside Framer

### Content Management

-   Cards Array
    
-   Layout Toggle
    
-   Show Numbers
    
-   Show Call to Action
    
-   Call to Action Text
    

### Typography & Styling

-   Title Font
    
-   Subtitle Font
    
-   Call to Action Font
    
-   Corner Radius
    
-   Enable Card Shadows
    

### Color & Theming

-   Color Preset Selection
    
-   Custom Card Background
    
-   Custom Title and Subtitle Colors
    
-   Custom Tag Background and Text Colors
    
-   Custom Number and Accent Colors
    

### Animation & Interaction

-   Fan Arc and Card Spread
    
-   Fan Origin Point
    
-   Enable Hover Lift
    
-   Enable Idle Float
    
-   Float Intensity
    

## Best use cases

-   Highlighting premium services or core feature sets.
    
-   Showcasing portfolio projects with interactive depth.
    
-   Displaying distinct pricing tiers or membership plans.
    
-   Creating engaging visual navigation menus.
    

Deliver a deeply engaging, agency-quality aesthetic in seconds. Floating Cards provides complex interaction design out of the box, saving you hours of development time while immediately increasing user engagement.

## Questions or custom requests?

We design and build custom Framer components. Get in touch at [**contact@teampixel.com.au**](mailto:contact@teampixel.com.au).

## Rank history [How rankings work →](/terms#rankings)

-   All · #4280

## Details

- **Author**: Aidan Looker
- **Price**: $9.00
- **Published**: 2026-06-05
- **Updated**: 2026-06-13
- **Added**: 2026-06-02
- **Categories**: Cards

## More like this

-   [AlumniDestinations](/component/alumnidestinations) — Dulaj Design · $15 — About AlumniDestinations adds a professional, interactive directory to your Framer projects, specifically designed to showcase the success…
-   [AIJobCards](/component/aijobcards) — Dulaj Design · $15 — Beautiful interactive career grids
-   [Editorial Image Card](/component/editorial-image-card) — Victoriia Topalova · Free — Beautiful image cards for lifestyl
-   [Zipper Card](/component/zipper-card) — Aslı Ay · $12 — A padded card you unzip by hand.