- Creator
Etahn Carter
- Published
- July 19, 2026
- License
- Single-Use License
Stop using boring, static pricing cards. Quantum Portal Card is a hyper-premium, fully interactive 3D component designed for startups, AI tools, Web3 platforms, and luxury SaaS websites that want to drop jaws.
When idle, it looks like a clean, minimal, Apple-esque UI card. But on hover, the surface dissolves into a pitch-black cosmic void, revealing a 60fps rotating 3D tesseract floating in a dynamic galaxy of stars and nebula clouds.
As the user moves their cursor, the entire card physically tilts in 3D space, and a realistic glossy light reflection tracks their mouse. It feels less like a website and more like a high-end spatial operating system.
✨ Magical Features:
True 3D Physics: The card tilts, the text floats with parallax, and the nested cubes rotate on independent X, Y, and Z axes.
Zero-Lag Performance: Built using pure mathematical transforms and Framer Motion springs. No heavy WebGL, no dropped frames. Butter-smooth 60fps.
Dynamic Dark Mode: Smoothly transitions from a clean white surface to a deep space void on hover.
Interactive Light Glare: A realistic plastic/glass surface sheen physically tracks the user's cursor.
Magnetic CTA: The sleek frosted-glass button slides into view and acts as a fully functional link to your checkout or signup pages.
🎛 100% Customizable in Framer: No code required. Use the Framer properties panel to instantly change the Primary/Secondary Glow Colors to match your brand. Customize the Title, Subtitle, Price, Button Text, Hover Scale, and even toggle the stars and nebula on or off.
🚀 Perfect For:
Pricing Tiers (Pro / Enterprise plans)
Feature Highlights
Web3 & Crypto Landing Pages
AI Software Showcases
Design Portfolios
Stop using boring, static pricing cards. Quantum Portal Card is a hyper-premium, fully interactive 3D component designed for startups, AI tools, Web3 platforms, and luxury SaaS websites that want to drop jaws.
When idle, it looks like a clean, minimal, Apple-esque UI card. But on hover, the surface dissolves into a pitch-black cosmic void, revealing a 60fps rotating 3D tesseract floating in a dynamic galaxy of stars and nebula clouds.
As the user moves their cursor, the entire card physically tilts in 3D space, and a realistic glossy light reflection tracks their mouse. It feels less like a website and more like a high-end spatial operating system.
✨ Magical Features:
True 3D Physics: The card tilts, the text floats with parallax, and the nested cubes rotate on independent X, Y, and Z axes.
Zero-Lag Performance: Built using pure mathematical transforms and Framer Motion springs. No heavy WebGL, no dropped frames. Butter-smooth 60fps.
Dynamic Dark Mode: Smoothly transitions from a clean white surface to a deep space void on hover.
Interactive Light Glare: A realistic plastic/glass surface sheen physically tracks the user's cursor.
Magnetic CTA: The sleek frosted-glass button slides into view and acts as a fully functional link to your checkout or signup pages.
🎛 100% Customizable in Framer: No code required. Use the Framer properties panel to instantly change the Primary/Secondary Glow Colors to match your brand. Customize the Title, Subtitle, Price, Button Text, Hover Scale, and even toggle the stars and nebula on or off.
🚀 Perfect For:
Pricing Tiers (Pro / Enterprise plans)
Feature Highlights
Web3 & Crypto Landing Pages
AI Software Showcases
Design Portfolios
Etahn Carter
