Skip to content

component

3D Pop Out Card

By arval rizki aditya

Details

Summary

Interactive 3D cutout cards

Description

Elevate your web designs with the 3D Pop Out Spotlight Card an interactive, modern card component designed to give your products and features depth and visual impact. Key Features: • 3D Pop-Out Effect: Layered cutout objects jump, scale, and rotate on hover with smooth spring physics. • Cursor Tracking Spotlight: Dynamic radial glow follows the cursor seamlessly across the card. • Reactive Glow Border: The border automatically lights up nearest to your mouse position using the same glow color. • Complete Customization: Easily adjust images, typography, padding (all vs. per-side), border styles, shadows, and spring dynamics. • 60+ FPS Performance: Powered by Framer Motion for buttery-smooth animations with zero layout shift. Perfect For: • E-commerce & Product Showcases • Modern Bento Grids & Feature Sections • Creative Agency & Design Portfolios • SaaS Landing Pages No coding required — drag, drop, and customize everything directly from Framer’s properties panel!

Introduction

Interactive 3D cutout cards

Rank history

Daily rank per list, from the first snapshot — lower is better.

110012001300130068/178/248/319/79/15
  • All · #709