Cosmic Button 3D CTA

Cosmic Button is a premium 3D CTA component for Framer.It combines interactive tilt, a dynamic spotlight and an animated neon border to instantly draw attention to your most important actions.Perfect whenever a regular flat button looks too boring.

Key Features

• Interactive 3D tilt that smoothly reacts to cursor movement using spring physics, making the button feel alive and responsive.

• Dynamic spotlight that follows the pointer and highlights the inner cutout, adding depth and a sci‑fi glow.

• Animated neon border built with a seamless conic‑gradient rotation for a clean, modern light trail effect.

• Glassmorphism glare and subtle noise for a tactile, premium finish inspired by Stripe and Vercel‑style UI.

• Fully customizable via Framer property controls: colors, glow intensity, border width, radius, tilt strength, spotlight size, noise toggle and more.

• Optimized for the Framer editor: heavy motion is disabled on the Canvas so your project stays fast and responsive while designing.

• Works with any background — from simple solids to complex gradients — and adapts nicely to different sizes and layouts.

Where to Use

• Primary CTAs in hero sections on landing pages, where you need one standout action that immediately grabs attention.

• Pricing sections where you want a “recommended” or “best value” plan to visually pop compared to the others.

• SaaS dashboards and internal tools that need a futuristic, premium highlight action without redesigning the whole UI.

• Portfolios, case studies and product pages where motion and light help guide the user’s eye to the next step.

• Launch pages, waitlists and campaigns where a regular flat button feels too generic and you want something memorable.

• Any project where you want to add a single high‑impact motion element without bloating the rest of the design.