MEMBER SIGN IN

INDEPENDENT SHADER CULTURE / EST. 2026

MAKE THE
WEB FEEL
SOMETHING

A collection of living shaders for websites
that deserve a little more atmosphere.

New shaders every month. More ways to make it yours.

WEBGLJAVASCRIPTREACT
[ REAL-TIME. REAL FEELING. ]
SIGNAL / 001 — 005PRISM3D / WOVEN WIRE
LIVE RENDER · MOVE YOUR CURSOR
89 LIVING SHADERS ENDLESS CONFIGURATIONS NEW DROPS EVERY MONTH0 CREATIVE LIMITS

01 / THE SELECTED SIGNALS

FIND YOUR
FREQUENCY.

Quiet light. Beautiful chaos.
Pick a starting point.
Make it unmistakably yours.

ENTER THE LIBRARY
01—03

02 / A LITTLE TWEAK. A WHOLE NEW MOOD.

YOUR PALETTE.
YOUR PACE.
YOUR POSSIBILITY.

Start with a feeling, then follow your curiosity. Shift the colors. Slow things down. Turn up the glow. Make something that could only be yours.

STEP INTO THE STUDIO

03 / SAME SIGNAL. NEW CHANNELS.

WHEREVER YOU CREATE.

Explore in Figma. Build with your AI assistant.
A little atmosphere, right in your workflow.

01 / DESIGN MODESTRIKTLY × FIGMA
Striktly Figma plugin showing the Prism preview, customization controls, and Insert image action.
RIGHT IN YOUR DESIGNFREE

FIGMA PLUGIN

Explore 76 shaders with live previews. Tune your palette, try a preset, or randomize a new direction. Place your look in Figma as a high-resolution PNG.

  • Free image insertion. No Striktly account needed.
  • Up to 4096 px on the longest edge.
  • Reopen a placed layer to keep making it yours.
ASK ABOUT THE FIGMA PLUGIN
02 / BUILD MODESTRIKTLY × YOUR AI
YOUR DIRECTION

“Find a subtle shader for my hero. Make it violet, then export a React kit.”

Prism shader with violet and pink light
EXAMPLE WORKFLOWFind. Customize.
Preview. Export.
Your project. Your possibility.
BRING IT TO YOUR BUILDFREE MEMBERSHIP

MCP FOR AI ASSISTANTS

Connect a compatible AI assistant to Striktly. Search the library, customize settings, open a preview, and retrieve an integration kit without leaving your conversation.

  • Search shaders and explore their presets.
  • Validate settings and preview your configuration.
  • Export a complete kit for your project.

CONNECT YOUR AI ASSISTANT

Set up Codex, Cursor or Claude Code ↗

04 / FROM “WHAT IF” TO OUT THERE

LESS SETUP.
MORE MAKING.

Three small steps.
One very different website.

01 / DISCOVER

FIND YOUR FEELING.

From quiet light to beautiful chaos. Explore every shader, for free.

02 / MAKE IT YOURS

FOLLOW YOUR CURIOSITY.

Members unlock the studio settings. Try a palette, play with motion, and find your own direction.

03 / SHIP SOMETHING RAD

TAKE IT INTO THE WORLD.

Members export HTML, JavaScript, React, or a complete kit. Your next project is waiting.

A LITTLE MORE CLARITY

INTERACTIVE BACKGROUNDS.
REAL QUESTIONS.

A little light and math, ready for the web you’re making.

What is an interactive shader background?

A shader draws the background in the browser using WebGL. Its colors and shapes can move over time and react to the cursor. Striktly gives you a live editor to explore gradients, particles, glass, liquid metal and other effects before choosing one for your website. Explore the shader library.

Can I use these in React, Next.js or a regular website?

Yes. Download a configured kit with a self-contained HTML example, a JavaScript runtime and React components. Use a client component in Next.js. The selected shader runs in the visitor’s browser; your project does not need Striktly membership or billing code. Start with the quickstart, React or Next.js guide.

Are Striktly shader backgrounds free?

Complete membership access is free at launch. You can browse and try live previews without signing in. A verified free account gives you settings, saves and downloads during the launch offer. Yearly and Lifetime are optional support plans. See current membership options.

How do I keep animated backgrounds comfortable and fast?

Use a sensible pixel and frame-rate budget, pause animation when it is not visible, provide a pause control and respect reduced motion. Performance depends on the shader, device and the rest of your page. Use a static fallback where motion is unnecessary. Read the performance and accessibility guide.

FOR THE BEAUTIFULLY UNORDINARY

YOUR NEXT PROJECT.
A DIFFERENT FEELING.

New shaders every month. Included with your Free membership.
Sign up free for every shader, setting, save and download.