Toggle Sidebar B
AppearanceLight & dark mode D

Balatro

The balatro shader, fully customizable and interactive.

Default

Colors, pixelation, mouse interaction and rotation are wired to the controls underneath. Move the pointer over the stage to steer the swirl.

Light previewReplay previewOpen in new tab

Customize

Color 1
Color 3
Color 2
Pixelation745

API Reference

Balatro

PropTypeDefaultDescription
spinRotationnumber-2.0Base rotation amount affecting the shader effect.
spinSpeednumber7.0Speed of the spin animation.
offset[number, number][0.0, 0.0]Offset for the shader effect.
color1string"#DE443B"Primary color in HEX format.
color2string"#006BB4"Secondary color in HEX format.
color3string"#162325"Tertiary color in HEX format.
contrastnumber3.5Contrast value affecting color blending.
lightingnumber0.4Lighting factor affecting brightness.
spinAmountnumber0.25Amount of spin influence based on UV length.
pixelFilternumber745.0Pixel filter factor determining pixelation.
spinEasenumber1.0Ease factor for spin.
isRotatebooleanfalseDetermines if the shader rotates continuously.
mouseInteractionbooleantrueEnables or disables mouse interaction for rotation.

Accessibility

Keyboard shortcuts and ARIA behavior.

  • Purely decorative canvas. The swirl is always moving and reacts to the pointer only, so place it behind content with enough contrast.