• 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

Shaders

767 GPU presets for backgrounds, logos and images. Open one to run it live, tune it in the editor, and export the Vue code or an image.

Open EditorRead the Docs

1 preset

  • MagnifyImage Effects

    A striking compositional image featuring a small figure wearing a vibrant red and black quilted puffer jacket standing on a barren, tan-colored hillside. The figure is positioned centrally and viewed from behind, with their hands on their hips in a confident stance. Behind the figure is a large, perfectly circular portal or orb with a soft light-blue gradient that creates a glowing halo effect. The circular shape has a luminous quality with subtle white highlights along its edges, suggesting a glass or crystalline material with refraction properties. The background sky transitions from pale blue at the top to deeper blue tones, with subtle cloud formations creating atmospheric depth. The ground texture is dry, sparse vegetation in muted tan and brown tones. The overall mood is surreal and contemplative, with the bright red jacket creating a strong focal point against the cool blue palette. The glass shader effect creates a subtle lens distortion and chromatic aberration around the circular portal, with a fresnel effect that makes the edges appear to have a subtle white glow. The lighting suggests either dawn or dusk, with soft, diffused illumination creating a dreamlike quality.