No description
Find a file
Claude 52615a5086
kasuti: download custom motif as PNG
Adds a "PNG" button beside "JSON" in the pattern editor footer. It
rasterises the normalised motif (solid black strokes on a white
background, line width scaled to the cell size, ~800 px on the
longer axis) to a canvas, pulls a PNG blob via toBlob, and triggers
a download with the same safe-name slug as the JSON export.

The existing "Download" button is relabelled "JSON" so the two
outputs are distinguishable.

https://claude.ai/code/session_01KNdXjQczMCRGMK7K3Qderw
2026-04-22 12:19:57 +00:00
netlify/functions admin: descriptive commit messages + dev-mode sync fallback 2026-04-19 18:26:27 +05:30
public social: replace Hatch template og-image + wire per-interactive images 2026-04-22 10:48:00 +00:00
scripts Initial commit: Interactives site 2026-04-17 03:09:40 +05:30
src kasuti: download custom motif as PNG 2026-04-22 12:19:57 +00:00
.gitignore Switch to Netlify adapter with GitHub API persistence 2026-04-17 03:22:18 +05:30
astro.config.mjs Switch to standalone Netlify Function for admin API 2026-04-17 03:44:01 +05:30
CLAUDE.md CLAUDE.md: document Fizzy todo/idea mirror workflow 2026-04-21 11:12:45 +00:00
components.json Initial commit: Interactives site 2026-04-17 03:09:40 +05:30
components.json.bak Initial commit: Interactives site 2026-04-17 03:09:40 +05:30
eslint.config.mjs Initial commit: Interactives site 2026-04-17 03:09:40 +05:30
LICENSE Initial commit: Interactives site 2026-04-17 03:09:40 +05:30
netlify.toml trigger redeploy for env var update 2026-04-17 03:53:04 +05:30
package-lock.json kasuti: stage 3 replay — client-side GIF export 2026-04-22 11:40:21 +00:00
package.json kasuti: stage 3 replay — client-side GIF export 2026-04-22 11:40:21 +00:00
README.md Initial commit: Interactives site 2026-04-17 03:09:40 +05:30
tsconfig.json Initial commit: Interactives site 2026-04-17 03:09:40 +05:30

Hatch Astro Template

Hatch Astro Template is a premium template built by https://www.shadcnblocks.com

Screenshot

Hatch Astro Template 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