About this Component
Singularity Button is a premium futuristic button component for Framer. It combines precise 3D tilt, magnetic pull, and a multi-layered spinning plasma aura to instantly elevate your most important actions. Perfect whenever a regular flat button feels too generic.
Interactive 3D tilt that smoothly reacts to cursor movement using spring physics, making the button feel alive and physical.
Magnetic tracking that gently pulls the button towards the cursor, creating a satisfying tactile stickiness.
Z-axis floating text that physically lifts off the button surface on hover with dynamic drop shadows.
Animated multi-color aura border built with a seamless conic-gradient interpolation for a clean, modern liquid light trail without clipping issues.
Tactile material finish using dynamic inner sheen that follows the pointer and subtle organic film grain.
Fully customizable via Framer property controls: 3D tilt strength, magnetism, Z-float elevation, glow intensity, spin cycle, and 3 custom aura colors.
Optimized for the Framer editor: heavy motion is disabled on the Canvas so your project stays fast and responsive while designing.
Works beautifully with both fixed and flexible layouts, natively adapting its border to any rectangular dimensions.
Primary CTAs in hero sections on landing pages, where you need a high-end, eye-catching standout action.
Web3, crypto, and AI SaaS dashboards that need a futuristic, premium highlight action.
Portfolios and case studies where immersive motion and fluid light help guide the user's eye.
Launch pages and waitlists where a regular flat button feels uninspiring and you want extreme polish.
Any project where you want to add a single high-impact cinematic element without bloating the rest of the design.
Руслан Ященко
