---
title: "PrismEdge — Framer component · Best of Framer"
description: "$5.00 · Framer component · by benjamin stanly · Backgrounds. PrismEdge is a high-impact call-to-action component featuring a smooth rotating conic-gradient border that draws attention…"
canonical: "https://framer.elliotli.dev/component/prismedge"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/PrismEdge

# PrismEdge

Animated gradient border button

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

![PrismEdge preview image 1](https://framer.elliotli.dev/og/component/prismedge/568aff7014ba0f28/1600x1200.jpg)

## Summary

PrismEdge is a high-impact call-to-action component featuring a smooth rotating conic-gradient border that draws attention without distracting from your layout.

## Description

PrismEdge is a high-impact call-to-action component featuring a smooth rotating conic-gradient border that draws attention without distracting from your layout. Designed for modern websites, product launches, and landing pages, it adds motion, depth, and polish in seconds — no custom code required.

Built for performance, flexibility, and clean design systems.

## Why You’ll Love It

-   Eye-catching animated gradient border
    
-   Subtle, premium motion — not overpowering
    
-   Fully responsive and auto-sized
    
-   Works beautifully in hero sections and pricing blocks
    
-   Easy to customize in seconds
    

## Powerful Customization

Everything is editable directly inside Framer:

-   3-color animated gradient (start, middle, end)
    
-   Adjustable animation speed or static mode
    
-   Icon support (left or right placement)
    
-   Icon size control
    
-   Text, background, and border styling
    
-   Border radius (supports full pill shape)
    
-   Padding and spacing controls
    
-   Typography via native Font property
    

No code edits needed.

## Perfect For

-   SaaS landing pages
    
-   Startup websites
    
-   Portfolio hero sections
    
-   “Get Started” / “Book a Call” buttons
    
-   Product launches
    
-   High-conversion CTAs
    

## Built for Performance

-   Powered by Framer Motion
    
-   360° rotating conic gradient effect
    
-   Auto-layout: width & height fit content
    
-   SSR compatible
    
-   Optimized rendering with memoization
    
-   Accessible with proper ARIA support
    

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

-   All · #9891

## Details

- **Author**: benjamin stanly
- **Price**: $5.00
- **Published**: 2026-03-09
- **Updated**: 2026-03-09
- **Added**: 2026-03-02
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background