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.
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.
Cards Array
Layout Toggle
Show Numbers
Show Call to Action
Call to Action Text
Title Font
Subtitle Font
Call to Action Font
Corner Radius
Enable Card Shadows
Color Preset Selection
Custom Card Background
Custom Title and Subtitle Colors
Custom Tag Background and Text Colors
Custom Number and Accent Colors
Fan Arc and Card Spread
Fan Origin Point
Enable Hover Lift
Enable Idle Float
Float Intensity
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.
We design and build custom Framer components. Get in touch at contact@teampixel.com.au.
Aidan Looker
