A fully customizable animated ribbon-gradient background for Framer that instantly adds depth, motion, and color to any layout.
Make it with Workshop
Build your own component with AI
PrismFlow Background is a premium, fully customizable ribbon-gradient background built for Framer. It transforms any hero section, landing page, or portfolio layout into a modern, dynamic visual experience. No setup required drop it behind your content, fine-tune the settings, and it blends perfectly with your design.
Perfect for:
* Landing pages
* Hero sections
* Portfolio banners
* SaaS product headers
* Creative websites
* Background visual layers
Features:
* Adjustable number of ribbons (select how many lines appear)
* Customizable ribbon colors with unlimited color choices
* Variable ribbon thickness and spacing
* Adjustable ribbon angle (diagonal direction control)
* Smooth motion animation with configurable speed
* Blur and opacity control for subtle or bold styles
* Background color control (solid, muted, or fully transparent)
* Grain overlay with customizable grain opacity
* Blend mode options for advanced visual mixing
* Border-radius control for rounded or soft-edge layouts
* Fully responsive and works on all screen sizes
* Zero configuration plug and use
* Lightweight and optimized for performance
PrismFlow Background gives you full creative freedom to shape the mood of your project. Whether you need a soft, atmospheric gradient or a bold, colorful visual centerpiece, the component adapts instantly to whatever style you design.