Gooddesignstartswithafeeling.
- Platform
- Web · Studio · Registry
- Status
- Live · shaderui.com
- Scope
- Library, studio, exports, brand
The problem
A launch background is either the same five mesh gradients everyone shares, a video that eats megabytes, or a shader you wrote at 2am and now babysit forever.
The idea
A visual library, browsed like a studio shelf — pick a collection, open a piece, tune it until it's yours, and take it everywhere in every format.
Six collections. Each a mood with a job.
Soft focus
meshExpansive color, soft edges — a little atmosphere for your next big idea.
Website heroes
Chromatic flow
warpFluid ribbons with a life of their own, made for expressive digital experiences.
App backgrounds
Afterglow
radialLuminous circles and quiet pools of light — a focal point without the noise.
Brand visuals
Analog hours
noiseTactile color fields with a little imperfection — digital work with a printed feel.
Social & editorial
Light leaks
raysBeams, flares and scattered light — give a launch something to shine through.
Website heroes
Pixel poetry
ditherTwo colors, thousands of tiny decisions — a different kind of digital texture.
App backgrounds
Pick a collection. Make it yours.
Curated, not generated
Six collections, each a mood with a job — heroes, app backgrounds, brand visuals. Every piece is a hand-tuned original, not a shared preset.
The Studio
Open any visual and it’s alive — color, scale, density and motion exposed as controls. Make it yours before you take it home.
One look, every format
Export a coordinated visual kit — static renders for social, loops for web, a live component for the repo. One mood across every surface.
For developers
Every visual ships through a shadcn-compatible registry — npx add writes real source into your project, not a dependency you inherit.
A print studio's palette.
Warm ivory and ink, hairline borders, a single burnt sienna for the button that matters — the chrome reads like an art catalog so the visuals carry all the color. Geist runs the whole interface.
The mark is a mesh gradient frozen mid-flow — the product, distilled.
Under the hood
A library of live renderers behind a quiet shelf — and an export path that turns a mood into a kit.
Renderers
- paper-design shaders, six families
- Mesh, warp, radial, noise, rays, dither
- Real components at 60fps, not videos
Studio
- Every visual opens editable
- Color, scale, density, motion controls
- Coordinated kits across a collection
Export
- PNG, loop and component formats
- Zipped visual kits per collection
- One look everywhere it lands
Registry
- shadcn-compatible /r endpoints
- Installs source into your repo
- Inherits your theme and tokens
Backend
- Convex — realtime library + auth
- Your library persists across devices
- Curated order, live collections
Surface
- A workspace, not a marketing page
- Sidebar browsing like a studio shelf
- Light and dark, same palette logic
In the wild
Have a surface that deserves a mood?
We build products where the background is part of the product.