57:I[473921,["/creators-assets/_next/static/immutable/chunks/3c-b-8ufmviux.js","/creators-assets/_next/static/immutable/chunks/2lb80c7sdmm1x.js","/creators-assets/_next/static/immutable/chunks/24qz5wotuh5hj.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/0j6nsovyxcqkz.js","/creators-assets/_next/static/immutable/chunks/3mwqlk6tp5l2t.js","/creators-assets/_next/static/immutable/chunks/2dvu3r_tb3ihz.js","/creators-assets/_next/static/immutable/chunks/1q7v4rdbqi_5d.js","/creators-assets/_next/static/immutable/chunks/2fw--q9y_1nc-.js","/creators-assets/_next/static/immutable/chunks/1w_rozgc2dplq.js","/creators-assets/_next/static/immutable/chunks/0dglr8x18qkm5.js","/creators-assets/_next/static/immutable/chunks/0a8vglvd9phm3.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/06p8bv9p94pxh.js","/creators-assets/_next/static/immutable/chunks/42u1pxaq7eeka.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/2bbm33yuxi64a.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/0kjwwabuczr28.js","/creators-assets/_next/static/immutable/chunks/088oy6f_9ll4s.js","/creators-assets/_next/static/immutable/chunks/22zq93dcklbwz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/0eljubaqaqluk.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3g7os-hf6q3tv.js","/creators-assets/_next/static/immutable/chunks/1e3mmtw6okz19.js","/creators-assets/_next/static/immutable/chunks/3fcb65_46-jt7.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/28h79imj-g45k.js","/creators-assets/_next/static/immutable/chunks/2x3imtac9af--.js","/creators-assets/_next/static/immutable/chunks/2t6l_zgbmmx8u.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/0_ulklfcrp-s3.js","/creators-assets/_next/static/immutable/chunks/3-uff2nrv83hw.js","/creators-assets/_next/static/immutable/chunks/0alicgkopr9se.js","/creators-assets/_next/static/immutable/chunks/0-kepukl8ldjk.js","/creators-assets/_next/static/immutable/chunks/2-u6q7fsgfx0e.js"],"PostDetailCard"] 58:T810,

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.

54:[["$","$L57",null,{"post":{"id":"019d9b4f-4fd1-709d-b88f-277c39bbcd0c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"f976de84-13d0-4d64-8ac9-86fc147d39bb","name":"JIetForce","slug":"-qv7bd","avatar":"https://framerusercontent.com/avatars/users/f976de84-13d0-4d64-8ac9-86fc147d39bb/te_5_b5N9","followed":false,"followsYou":false},"media":[],"resources":[{"id":"lmr45GEWKKaamKB0qFYw","resolved":true,"title":"Cosmic Button 3D CTA","body":"$58","bodyJson":null,"introduction":"Premium 3D tilt CTA with neon glow","slug":"cosmic-button-3d-cta","author":{"framerUserId":"f976de84-13d0-4d64-8ac9-86fc147d39bb","name":"JIetForce","slug":"-qv7bd","avatar":"https://framerusercontent.com/avatars/users/f976de84-13d0-4d64-8ac9-86fc147d39bb/te_5_b5N9","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/lmr45GEWKKaamKB0qFYw/cosmic-button-3d-cta-Rfvg6uVjmSv9aocPk3yveNRCZT3sGI","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-17T11:33:48.486Z","updatedAt":"2026-05-05T17:00:49.276Z","publishedAt":"2026-04-17T11:59:19.505Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://homely-need-644410.framer.app/","price":"5","paymentUrl":"https://contra.com/payment-link/Spziecrf-cosmic-button-3-d-cta","workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"kadcZ7EpO9UXZb8Myo7E","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-17T11:59:19.505Z","updatedAt":"2026-04-17T11:59:19.505Z","reported":false,"type":"post"}}],"$L59"]

Suggested for you