Add beautiful gradient borders to any element in Framer with ease. Customize the colours, angle, and thickness.
Made with Workshop
Build your own component with AI
A very first customizable Border Gradient Framer component by Ali Kashif that lets you easily add gradient borders to any frame or element in Framer.
Features:
Border Width & Radius – Control thickness and roundness of the border.
Gradient Colors – Pick and adjust multiple colors for smooth, modern borders.
Gradient Angle – Rotate the gradient to fit your design perfectly.
Background Control – Set a solid background color inside the border.
Content Slot – Connect any content (text, images, layouts) with the box just like u do with Ticker and other stuff.
Make your buttons, cards, and sections stand out with elegant gradient outlines — all without writing a single line of code.