ToonSquid
Create hand-drawn and keyframed animation on iPad.
Stroke
Turn hand-drawn paths into reusable SVG animations
Meet Stroke
Stroke is a browser tool for creating hand-drawn SVG animations. Users draw on a canvas, preview the animated result, and copy the generated code into a React or Next.js component. The output uses the Motion library to reproduce the drawing as an animation.
Size and color can be adjusted through component properties, making the result easier to fit into an existing interface. The tool is suited to small animated illustrations, signatures, and drawn marks that benefit from a visible stroke-by-stroke appearance. It provides a simple path from a quick sketch to code that a developer can place in a website and continue refining.
Discussion
Tried it? Share a useful thought or ask a question.
Good conversations start with a hello.
Sign in to commentProduct details
- Website
- stroke.abhii.space
- Status
- Launched
- Category
- Design & creative
- Listed
Explore related topics
Similar products
Toon Boom Harmony
Draw, rig, and composite 2D animation in a shared production workflow
Mascofast
Create and animate a mascot from a written character idea
framefields
Create and render motion graphics with TypeScript and coding agents
Premation
Create editable motion graphics with keyframes, GPU effects, and connected AI assistants.
Animdock
Customize procedural motion templates and export them in your browser.