PrismDots
A mesmerizing animated background of glowing gradient dots that adds depth and energy to any design.
Made with Workshop
Build your own component with AI
About this Component
Transform plain sections into a living, breathing canvas. PrismDots generates a seamless grid of animated gradient dots that shift color and motion to create a dynamic, premium visual effect—perfect for modern websites, hero sections, or interactive landing pages.
Key Features
Gradient Animation – Smooth color cycling for a vibrant, prism-like glow.
Custom Dot Size – Easily adjust individual dot scale for subtle or bold looks.
Spacing Control – Fine-tune the distance between dots for dense or airy patterns.
Speed & Duration – Set animation duration and color cycle timing.
Background Color – Blend with your brand palette using any solid or gradient background.
Responsive & Lightweight – Scales beautifully across all screen sizes.
No Code Required – Drag, drop, and customize directly inside Framer.
Perfect Use Cases
✨ Hero backgrounds for portfolios or product pages✨ Tech and startup landing pages needing a futuristic vibe✨ Section dividers or subtle animated textures✨ Event or promo pages with eye-catching motion
Customization:
