No description
38a312d214
On completion, the green banner is replaced with a replay panel: skip-to-start / prev / play / next / skip-to-end buttons, a scrubber showing "n / total" stitches, and a 0.5× / 1× / 2× speed toggle. Autoplay kicks off immediately after the confetti so the user sees the tour traced out once by default; pressing play again after reaching the end rewinds and replays. Rendering uses effective stitches/drawn/currentVertex/activeSide derived from replayIdx so both fabrics animate together. The side badges and the running "n / total" counter track the replayed position too. Undo and Reset stay wired to the underlying stitch list and tear down replay state when they fire. 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