A browser-based gradient studio for procedural noise, tiled patterns, and photo processing.
Prism
What Prism is
Prism is a specialized gradient studio that runs entirely in your browser. It uses WebGL to build rich gradients from shapes, palettes, and effects — no server upload or account required. Open a studio page, tune parameters, copy a shareable link, or export a high-resolution PNG.
Three studios
Generate creates procedural noise-based gradients at /generate. Pattern clips those gradients into designer tile layouts at /pattern. Upload runs the same optics, distortion, and grain stack on your own photos at /upload.
Studio layout
On wide screens, each studio uses a three-column layout: a scrollable control panel on the left, the live preview in the center, and a presets rail on the right. On smaller screens the preview sits on top and presets open from a sheet in the stage header.
Presets
Curated studio presets apply full settings for a look — not just colors. Generate, Pattern, and Upload each have their own catalog in the presets rail. Click a preset to apply it; editing any related slider clears the active highlight.
Sharing & export
Generate and Pattern support shareable links encoded in the URL hash. Copy Link writes the current settings to the address bar. Upload does not support links (photos are too large for URLs) — export PNG instead. Use the Export popover to pick aspect ratio and resolution tier before downloading.
Keyboard shortcuts
Press Space in the studio to Randomize (Generate), Shuffle layout (Pattern), or Regrain (Upload). Press D anywhere outside a text field to toggle light and dark theme.