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.

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

Animated gradient border button