Singularity Button

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.

Key Features

• 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.

Where to Use

• 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.