---
title: "Singularity Button — Framer component · Best of Framer"
description: "$6.00 · Framer component · by JIetForce · Buttons. About this Component Singularity Button is a premium futuristic button component for Framer."
canonical: "https://framer.elliotli.dev/component/singularity-button"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Singularity Button

# Singularity Button

Interactive 3D CTA with plasma aura

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

![Singularity Button preview image 1](https://framer.elliotli.dev/og/component/singularity-button/783102ae079233e8/1600x1200.jpg)

## Summary

About this Component Singularity Button is a premium futuristic button component for Framer.

## Description

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

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

-   All · #9475

## Details

- **Author**: JIetForce
- **Price**: $6.00
- **Published**: 2026-04-28
- **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