SpiralDither

About this Component

Spiral Dither & Images is a creative Framer component that transforms your images or patterns into mesmerizing spiral dithered visuals. With customizable density, colors, and sources, it brings a retro yet modern artistic style to your layouts. Perfect for backgrounds, hero sections, or experimental visuals, this component allows you to blend imagery and patterns into unique, eye-catching designs.

Key Features:

Preset or Custom OptionsChoose from ready-made spiral dither presets or create fully custom settings tailored to your project.

Custom Image & Animated Pattern SupportUpload your own image or use animated patterns as the base of the dither effect for endless variation.

Background & Foreground ColorsAdjust both background and foreground colors to create striking contrasts or subtle tones.

Dither Density ControlFine-tune how dense or sparse the dithering effect appears, from soft gradients to bold textures.

Use Cases:

• Hero sections with artistic dither effects

• Retro-inspired landing pages

• Creative backgrounds for portfolios

• Experimental visual storytelling

• Highlighting brand imagery in unique styles

Customization Properties in Framer:

• Mode: Preset or Custom

• Image/Pattern: Upload custom image or animated pattern

• Background Color: Editable color picker

• Foreground Color: Editable color picker

• Dither Density: Control spacing and detail of the spiral effect