---
title: "Cosmic Button 3D CTA — Framer component · Best of Framer"
description: "$5.00 · Framer component · by JIetForce · Buttons. Premium 3D tilt CTA with neon glow"
canonical: "https://framer.elliotli.dev/component/cosmic-button-3d-cta"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Cosmic Button 3D CTA

# Cosmic Button 3D CTA

Premium 3D tilt CTA with neon glow

[View on Framer](https://framer.com/marketplace/components/cosmic-button-3d-cta/?via=elliot-li)

![Cosmic Button 3D CTA preview image 1](https://framer.elliotli.dev/og/component/cosmic-button-3d-cta/ea49bc0a35fd7733/1600x1200.jpg)

## Summary

Premium 3D tilt CTA with neon glow

## Description

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.
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #11135

## Details

- **Author**: JIetForce
- **Price**: $5.00
- **Published**: 2026-04-17
- **Updated**: 2026-05-05
- **Added**: 2026-04-17
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything