Presets Docs Community

Documentation

NPM Version

GuidesGuides Component DocsComponents

<Aurora>
<Beam>
<Blob>
<Checkerboard>
<DotGrid>
<FallingLines>
<FloatingParticles>
<Godrays>
<Grid>
<ImageTexture>
<LinearGradient>
<Plasma>
<RadialGradient>
<Ripples>
<SimplexNoise>
<SineWave>
<SolidColor>
<Spiral>
<Strands>
<Stripes>
<StudioBackground>
<Swirl>
<VideoTexture>
<WebcamTexture>

<Circle>
<Crescent>
<Cross>
<Ellipse>
<Flower>
<Polygon>
<Ring>
<RoundedRect>
<Star>
<Trapezoid>
<Vesica>

<Emboss>
<Glass>
<Neon>

<Ascii>
<ChromaticAberration>
<ContourLines>
<CRTScreen>
<Dither>
<FilmGrain>
<Glitch>
<Glow>
<Halftone>
<LensFlare>
<Paper>
<Pixelate>

<ChromaFlow>
<CursorRipples>
<CursorTrail>
<GridDistortion>
<Liquify>
<Shatter>

<Bulge>
<ConcentricSpin>
<FlowField>
<Form3D>
<GlassTiles>
<Kaleidoscope>
<Mirror>
<Perspective>
<PolarCoordinates>
<RectangularCoordinates>
<Spherize>
<Stretch>
<Twirl>
<WaveDistortion>

<AngularBlur>
<Blur>
<ChannelBlur>
<DiffuseBlur>
<LinearBlur>
<ProgressiveBlur>
<TiltShift>
<ZoomBlur>

<BrightnessContrast>
<Duotone>
<Grayscale>
<HueShift>
<Invert>
<Posterize>
<Saturation>
<Sharpness>
<Tint>
<Tritone>
<Vibrance>

Get started

Start shipping magic to your frontend in minutes

Join thousands of design engineers shipping stunning WebGPU effects. Available for Vue, React, Svelte & Solid.

Explore presets

Product

Documentation
Presets

Legal

Privacy
Terms
License

© 2026 Shader Effects Inc. All rights reserved.