Mesh Studio

claude tools

Design gradient mesh wallpapers — shuffle, tweak, export 4K PNG or CSS

open full screen ↗

How it was made

Built with Claude in a single session as the gallery's first native demo: one prompt for the canvas mesh renderer, a few refinements for the grain pass and CSS export. No build step — one HTML file.

Made by makebase · source · MIT license

Remix in Claude

Claude can't import a repo in one click yet — two routes, both quick:

Fast: rebuild from a prompt

Copy this and paste it as your first prompt in Claude:

Rebuild this app: Mesh Studio — Design gradient mesh wallpapers — shuffle, tweak, export 4K PNG or CSS. Use the code at https://github.com/makebase-gallery/mesh-studio as the reference implementation; keep its structure and styling, and make it mine to edit.
Exact code: bring the repo

Download the ZIP, create a project in Claude, connect GitHub in its settings, and push these files into the repo it creates — the code becomes your project's source of truth.

Open Claude ↗