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

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

# Floating Info Cards

Customisable cards with 3D tilt effects.

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

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

## Summary

What is Floating Info Cards?

## Description

## What is Floating Info Cards?

Floating Info Cards is a premium interactive component designed to make your features, pricing plans, and services stand out. It brings a modern, polished aesthetic to your Framer projects with built-in physics-based animations, dynamic lighting, and responsive layouts. Perfect for highlighting key value propositions, showcasing products, or creating engaging grid layouts that capture user attention instantly.

[![](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

-   Physics-based 3D tilt and ambient float animations
    
-   Dynamic shine effects that react to mouse movement
    
-   Five premium built-in color themes plus full custom color support
    
-   Auto-scaling typography and responsive layouts
    
-   Fully customizable content including icons, feature lists, badges, and CTA buttons
    

## Controls inside Framer

### Content

-   Icon selection (10 built-in or custom image)
    
-   Badge toggle and text
    
-   Heading and Body text
    
-   Feature list with custom marker styles (Check, Dot, Dash)
    
-   CTA toggle, text, and link
    

### Colors

-   Theme preset selection (Carbon, Midnight, Pearl, Ember, Ocean)
    
-   Custom card background and text colors
    
-   Custom accent and border color overrides
    

### Typography

-   Dedicated font pickers for Heading, Body, Feature, CTA, and Badge
    

### Card Style

-   Corner radius adjustment
    
-   Custom shadow and gradient glow border toggles
    
-   Padding and max width sizing
    

### Animation

-   3D Tilt toggle and angle intensity
    
-   Shine effect toggle
    
-   Scroll entrance animation and stagger delay
    
-   Idle float toggle and intensity
    

## Best use cases

-   SaaS feature highlights and benefit grids
    
-   Modern pricing tier cards
    
-   Agency service offerings and portfolio showcases
    
-   High-converting call-to-action sections
    

Give your site the ultimate polish it deserves. Increase user engagement and perceived value with interactive elements that feel truly premium and bespoke.

## 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 · #10048

## Details

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

## More like this

-   [BlogX Blog Card](/component/blogx-blog-card) — Themomarket · $8 — Blog Framer Component
-   [FluxPrice](/component/fluxprice) — Jeshan Athulesh · $49 — Elevate your SaaS conversion rate in minutes with FluxPrice.
-   [Feature Ribbon Cards](/component/feature-ribbon-cards) — Studio Digital · Free — Interactive image feature cards
-   [Dynamic Pricing Calc](/component/dynamic-pricing-calc) — Dmitry Vorobey · $12 — Pricing cards with live calculator