Interactive Retro Bg
Add authentic retro dithering to your designs. Animated patterns, interactive ripples, 4 shape styles. Fully customizable colors & pixels.
Make it with Workshop
Build your own component with AI
About this Component
Interactive Retro Background - Bayer Dithering Effect
Bring authentic retro aesthetics to your designs with this WebGL-powered Bayer dithering background. Features animated noise patterns and interactive ripple effects for a unique, nostalgic visual experience.
Features
4 Shape Patterns Choose from square, circle, triangle, or diamond dithering styles to match your design aesthetic.
Interactive Ripples Click anywhere to create expanding wave effects that blend seamlessly with the animated dithering pattern.
Fully Customizable
Adjust ink and background colors
Control pixel size from fine to chunky
Toggle interactivity on/off
Perfect For
Retro websites, creative portfolios, music projects, artistic designs, and any project needing a distinctive vintage look.
Technical
Built with Three.js and WebGL2 for smooth 60fps performance. Fully responsive and optimized for all devices.
