| layout |
home |
| head |
meta |
| name |
content |
google-site-verification |
a8HP55HonJGfswSFCDEI5xa_AEnHymzOTKvj_Jsg2kE |
|
|
|
| hero |
| name |
text |
tagline |
image |
actions |
SealKit |
Japanese Electronic Seal Generator |
A React component library for creating hanko / inkan seals directly in the browser. |
| src |
alt |
/seal-preview.svg |
SealKit Preview |
|
| theme |
text |
link |
brand |
Get Started |
/guide/getting-started |
|
| theme |
text |
link |
target |
alt |
View on NPM |
|
_blank |
|
| theme |
text |
link |
target |
alt |
Try Online |
|
_blank |
|
|
|
| features |
| title |
details |
Browser-Based |
Generate high-resolution Japanese seals without server-side rendering. Everything runs in the browser using Konva Canvas. |
|
| title |
details |
React First |
Drop-in <SealCanvas /> component with TypeScript support, refs, and presets. |
|
| title |
details |
Four Built-in Presets |
Includes mitomein, date stamp, kakuin (company seal), and tenkoku (seal carving) styles. |
|
| title |
details |
Free Online Tool |
Want a no-code option? Visit sealkit.app to create and download transparent PNG / PDF seals for free. |
|
|
SealKit is an open-source React component library that helps developers generate traditional Japanese electronic seals — also known as hanko (判子) or inkan (印鑑) — inside any modern web application.
It is also the engine behind the free online seal generator at sealkit.app.
Install the package and its peer dependencies:
npm install @luohuax/seal-kit konva react-konva
Then render your first seal:
import { SealCanvas } from '@luohuax/seal-kit'
function App() {
return <SealCanvas preset="mitomein" text="山田太郎" />
}MIT © luohuax