RoughAnnotations
RoughNotation is a JavaScript library for creating and animating hand-drawn annotations on web pages.
About RoughAnnotations
RoughNotation is a JavaScript library for creating and animating hand-drawn annotations on web pages. It provides styles such as underline, box, circle, highlight, strike-through, crossed-off, and brackets for blocks and inline elements.
It can annotate inline content spanning multiple lines, order animations through annotation groups, and configure color, strokeWidth, and animation duration. Annotations can also be shown without animation.
Key features
- Sketchy underline, box, circle, and highlight styles
- Strike-through and crossed-off effects for elements
- Brackets on one or multiple sides of a block
- Annotate inline content spanning multiple lines
- Order animations in sequence with annotation groups
- Configure color, strokeWidth, and animation duration
Best for: Developers who want to add hand-drawn annotations to web pages.
Good for
- Offers multiple annotation styles including underline, box, circle, and brackets
- Allows configuration of color, strokeWidth, and animation duration
- Supports grouped, ordered animations and static display without animation
RoughAnnotations at a glance
- Website
- roughnotation.com
- Category
- Development › Web Development
- Type
- Website
- Pricing
- Not confirmed. Check the site
- Platforms
- Web
- Open source
- Not stated
- Language
- English
- Last checked
- Oct 5, 2026 · Online when checked
- Listed
- Oct 5, 2026
Popular in Web Development
Well-known listings from the same topic.
cron-jobcron-job.orgCrontab Generatorcrontab-generator.orgPelicangetpelican.comCrontab.iocrontab.ioSITE123site123.comSemantic UIsemantic-ui.com
RoughAnnotations FAQ
Can annotations be displayed without animation?
Yes, the annotation shows up when show is called without animation.
How can multiple annotations be animated in order?
Create an annotation-group with the list of annotations; calling show on the group animates them in order.
What annotation properties can be configured?
Color, strokeWidth, and animation duration can be configured.
Is something wrong or out of date?
Tell us and an editor will check it.
Own this website?
Claim this listing
Claim the listing and suggest updates yourself. An editor checks every claim first.