presets docscommunity

Documentation

NPM Version

GuidesGuides Component DocsComponents

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

<Crystal>
<Emboss>
<Glass>
<Neon>
<SmokeFill>

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

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

<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>
<Solarize>
<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 & JS.

Explore all presets

Product

Documentation
Presets

Legal

Privacy
Terms
License

© 2026 Shader Effects Inc. All rights reserved.

X Discord YouTube