No description
- TypeScript 88.4%
- CSS 10.7%
- Shell 0.5%
- HTML 0.4%
| Filename | Latest commit message | Latest commit date |
|---|---|---|
| public | ||
| scripts | ||
| src | ||
| .gitignore | ||
| .oxlintrc.json | ||
| index.html | ||
| package.json | ||
| pnpm-lock.yaml | ||
| README.md | ||
| tsconfig.app.json | ||
| tsconfig.json | ||
| tsconfig.node.json | ||
| vite.config.ts | ||
Hanko Stamp Creator
A small browser app that turns one to four Japanese characters into a square hanko seal and exports it as an SVG sized in real millimetres.
What it does
- One to four characters, typed or pasted into a single text field.
- Two seal styles: 朱文, red characters on a clear ground, and 白文, a solid red field with the characters carved out as transparent holes.
- Eight self hosted Japanese typefaces, in mincho, gothic, rounded, brush and handwritten styles, each in the weights its family publishes.
- A thickness slider that strokes the characters heavier, up to 5% of the em.
- A stamp face view for carving: the impression mirrored left to right, shown next to the original and exportable on its own.
- For two characters, a column or a row, each stretched to fill its half or scaled to keep its proportions.
- A border up to 10% of the side with rounded corners, a choice of ink colour, and a printed size from 10 to 100 mm, picked from presets or typed.
- SVG export. Sizes are chosen in millimetres, so the file prints at true size and carries no font dependency.
The app runs fully in the browser. There is no server, no account and no network access beyond loading the page and the typeface you pick.
Running it
pnpm install
pnpm dev
pnpm test
pnpm lint
pnpm build
Deploy
Deploy to https://hanko.academo.nl with:
pnpm run deploy
The script builds the app, clears /home/academo/hanko.academo.nl on academo@mororo.top, and copies dist/ there with scp.
Disclaimer
This project was generated by AI and is intended for personal use only. It has not been reviewed for security, accessibility or general fitness, and no support is offered. Use it at your own risk.
The bundled typefaces come from @fontsource and are licensed under the SIL
Open Font License.