PrismEdge

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