• Typeset
  • Create
AppearanceLight & dark mode DOpen MenuM

Menu

  • Components
  • Typeset
  • Create
  • Changelog

Colors

  • Color Palettes
  • Palette Generator
  • Color Converter

Shaders

  • Shader Gallery
  • Shader Editor
  • Shader Docs

Mock

  • Mock Gallery
  • Mock Docs

Guides

  • What is Shaders?
  • Quickstart
  • Vue Quickstart
  • Composing Effects
  • Blending & Masking
  • Layout & Positioning
  • Transforms
  • Props & Reactivity
  • Dynamic Props
  • Hooks & Events
  • Color Space
  • Shape / SDF Effects
  • Performance
  • Nuxt / SSR
  • Telemetry
  • Shaders MCP (Pro)

Pro Notes

  • Adding Interactions - Interactive Components and Dynamic Prop Mapping
  • Color Spaces - Choosing How Colors Blend
  • Composition - Layering, Opacity, and Transparency
  • Dynamic Prop Mapping - Driving Props from Mouse, Animation, and Layers
  • Finishing Touches - Texture, Grain, and Ambient Motion
  • Hero Section Masking Techniques
  • Media Effects - Images, Video, and Webcam
  • Shape Effects - Placement, Sizing, and Stacking

Components

  • AngularBlur
  • Ascii
  • Aurora
  • BarShift
  • Beam
  • Blob
  • Blur
  • BrickPattern
  • BrightnessContrast
  • Bulge
  • ChannelBlur
  • Checkerboard
  • Chevron
  • ChromaFlow
  • ChromaticAberration
  • Circle
  • ColorWheel
  • ConcentricSpin
  • ConicGradient
  • ContourLines
  • Crescent
  • Cross
  • CRTScreen
  • Crystal
  • CursorRipples
  • CursorTrail
  • DiamondGradient
  • DiffuseBlur
  • Dither
  • DOMTexture
  • DotGrid
  • DropShadow
  • Duotone
  • Ellipse
  • Emboss
  • FallingLines
  • FilmGrain
  • FloatingParticles
  • Flower
  • FlowField
  • FlowingGradient
  • FlutedGlass
  • Fog
  • Form3D
  • FractalNoise
  • Glass
  • GlassTiles
  • Glitch
  • Glow
  • Godrays
  • Grayscale
  • Grid
  • GridDistortion
  • Group
  • Halftone
  • HexGrid
  • HueShift
  • ImageTexture
  • Invert
  • Kaleidoscope
  • LensFlare
  • LinearBlur
  • LinearGradient
  • Liquify
  • Marble
  • Mirror
  • MultiPointGradient
  • Neon
  • Paper
  • Perspective
  • Pixelate
  • Plasma
  • PolarCoordinates
  • Polygon
  • Posterize
  • ProgressiveBlur
  • RadialGradient
  • RectangularCoordinates
  • ReflectivePlane
  • Ring
  • Ripples
  • RoundedRect
  • Saturation
  • Sharpness
  • Shatter
  • SimplexNoise
  • SineWave
  • Smoke
  • SmokeFill
  • Solarize
  • SolidColor
  • Spherize
  • Spiral
  • Star
  • Strands
  • Stretch
  • Stripes
  • StudioBackground
  • SunBurst
  • Swirl
  • TiltShift
  • Tint
  • Trapezoid
  • Tritone
  • Truchet
  • Twirl
  • Vesica
  • VHS
  • Vibrance
  • VideoTexture
  • Vignette
  • Voronoi
  • WaveDistortion
  • Weave
  • WebcamTexture
  • WorleyNoise
  • ZoomBlur
  1. Shaders
  2. Background
  3. Spectral Bloom

Spectral Bloom 4

Open in Editor
Spectral Bloom 4 preview

Usage

The preset as a Vue component. Paste it into a page, or open it in the editor to change it first.

Related Presets

See all
  • Spectral Bloom
  • Spectral Bloom 2
  • Spectral Bloom 3
  • Spectral Bloom 5
  • Spectral Bloom 6
  • Optical Prism 2

    A bright white canvas lit by a soft prismatic beam rising from the lower-right corner. The beam fans out into a wide, diffused rainbow that drifts slowly through cyan, light blue, magenta and pink, with a fine film grain over the whole composition.