No description
State now carries an array of custom patterns instead of one slot.
Each gets a unique id ("custom-<n>") and a user-editable title; they
render as full tiles in the reel between the presets and the
"+ Make your own" button.
Reel behaviour:
- Clicking a preset tile still selects it for play.
- Clicking a custom tile opens the editor pre-seeded with that motif
(rename, tweak geometry, re-download, or just press "Use this
motif" to re-select for play).
- "+ Make your own" always opens an empty editor so a second motif
can be drawn without overwriting the first.
Editor gains a Name input at the top. Saving writes the trimmed title
back onto the motif; downloads use it in the filename; parsed uploads
restore whatever title was baked into the JSON. Shared replay URLs
for custom motifs hydrate into a new "Shared motif" tile on the
viewer's reel rather than clobbering an existing custom.
Intro blurb split: the "editor only supports connected designs" and
"browser will not save your designs — download them separately"
sentences are now a single paragraph in foreground colour so the two
caveats read as a highlighted note.
https://claude.ai/code/session_01KNdXjQczMCRGMK7K3Qderw
|
||
|---|---|---|
| netlify/functions | ||
| public | ||
| scripts | ||
| src | ||
| .gitignore | ||
| astro.config.mjs | ||
| CLAUDE.md | ||
| components.json | ||
| components.json.bak | ||
| eslint.config.mjs | ||
| LICENSE | ||
| netlify.toml | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| tsconfig.json | ||
Hatch Astro Template
Hatch Astro Template is a premium template built by https://www.shadcnblocks.com
Screenshot
Getting Started
npm install
npm run dev
Open http://localhost:3000 with your browser to see the result.
Tech Stack
- Astro
- Tailwind 4
- shadcn/ui
Deploy on Vercel
The easiest way to deploy your Next.js app is to use the Vercel Platform
