SignDraw
SigndDraw is a website that allow you to sign an animate your signature.
- Year
- 2024
- Role
- Solo project — design and development
- Type
- Personal
Overview
Draw your signature in the browser, then export it — as a static image, or as an animation that redraws the strokes in the order you made them.
The stroke path is captured as a series of points, turned into an SVG path, and animated with stroke-dashoffset so the signature appears to be written in real time. Handy for email footers, slides and video intros.
Stack
Vue 3
Drawing canvas and export controls
SVG
Signature path representation and animation
Tailwind CSS
Styling
Canvas API
Pointer capture and stroke smoothing
Highlights
- Captures stroke order, not just the final image
- Animated redraw via SVG stroke-dashoffset
- Export as static image or animation, all client side
Other projects
RER B Confort
A real-time departure board for the RER B — next trains per station and direction, with mission codes, countdowns and favourite stations.
Dark Forest
A browser game inspired by Liu Cixin's Dark Forest theory. Hexagonal minesweeper where each cell reveal raises a detection counter — stay hidden or be destroyed.