Parallax Ultra
The ultimate 3D interactive card with unified parallax, inertia, and magnetic hover effects.
Make it with Workshop
Build your own component with AI
Parallax Ultra is a premium Framer component that turns static cards into a unified 3D parallax scene. Unlike basic CSS tilt, it adds physics-based inertia, directional shadow, micro DOF, and a subtle ripple to create a realistic, cohesive motion system—without visual noise or extra colors.
Key features
Unified 3D Parallax: Title, icon, and CTA move in one realistic perspective.
Inertia & Performance: requestAnimationFrame loop, will-change hints, and an IntersectionObserver (0.2 threshold) so animations run only when visible.
Magnetic CTA: Subtle cursor pull that increases engagement.
Scroll-Linked Tilt: Micro tilt when not hovered; makes pages feel alive.
Accessible by Default: Respects prefers-reduced-motion, includes screen-reader text and focus states.
Themes & Layouts: 6 themes (Luxe, Canvas, Cyber, Crystal, Iridescent, Boreal) and 5 layouts (Default, Compact, Split, Hero, Overlay).
Deep Customization: Presets or full control over colors, typography, radii, padding, and per-element z-depth (zBoost).
Safe links: rel="noopener" when opening in new tabs.
Perfect for
Feature sections, pricing cards, service highlights, testimonials, and product tiles in Framer projects.
