Components

199

The full open-source Shaders library.

Search shaders

199 components

Shaders 4.0.0 · MIT
Shader Effects Inc.

COMPOSE / CUSTOMISE / EXPORT

Shader studio.

Make the effect part of your system.

Design systemAppearance

PreviewReact code

Preparing preview…

Gamma / IN CONTEXT

A little
atmosphere.

Colour, type, and shape.
One shared language.

Show content in contextLive WebGPU

Token bindings travel with your export.

Project nameSaved in this browser

Choose a component to start fresh, or + to add a layer. Undo keeps your previous composition.

Layers

1 / 16

Effects process all earlier layers. Order runs from top to bottom.

Aurora

Mesmerizing aurora borealis with layered curtains, vertical rays, and flowing light.

Docs MIT source

Layer opacity

Blend mode

Colors

Color A

#7ca2ff

Edge color at the curtain base

Color B

#101521

Core color in the bright center

Color C

#eef3fb

Tip color at the ray ends

Color Space

Color space for color interpolation

Balance

Shifts color distribution across the curtain height

Aurora

Intensity

Overall aurora brightness

Curtains

Number of aurora curtain layers

Speed

Animation speed

Waviness

How much the curtains undulate

Ray Detail

Density of vertical ray structures

Scene

Height

How tall the aurora extends

Center

Center position of the aurora

Aurora

Seed

Random seed for variation

Shader studio.

A littleatmosphere.

A little
atmosphere.