Rough.js: Create graphics with a hand-drawn, sketchy, appearance

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com
Productivity Draw Collaboration Canvas Diagrams

SurveyJS
Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
Our great sponsors

  • muxup-site

    Content, generator scripts, and produced artifacts for https://muxup.com

    • Also see RoughNotation <https://roughnotation.com/>, which uses RoughJS to support underlines, highlights etc.

    I took some inspiration for my website (mouse over any highlighted title) <https://muxup.com/>. The write-up here aims to summarise how it works https://muxup.com/2022q3/muxup-implementation-notes#randomly... - if you click through you'll see it's really very little code.

  • rough

    Create graphics with a hand-drawn, sketchy, appearance

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • excalidraw

    Virtual whiteboard for sketching hand-drawn like diagrams

  • rough-notation

    Create and animate hand-drawn annotations on a web page

    • Also see RoughNotation <https://roughnotation.com/>, which uses RoughJS to support underlines, highlights etc.

    I took some inspiration for my website (mouse over any highlighted title) <https://muxup.com/>. The write-up here aims to summarise how it works https://muxup.com/2022q3/muxup-implementation-notes#randomly... - if you click through you'll see it's really very little code.

  • mockups

    • I use this for creating interactive mockups for projects. E.g.

    https://edea-dev.gitlab.io/mockups/ (source: https://gitlab.com/edea-dev/mockups)

    https://otfn.development.fabcity.hamburg/git-pdm-mockups/

  • svg2roughjs

    Create sketchy, hand-drawn-like images from SVGs

    • Great lib! Used it to build an svg2roughjs wrapper that converts your everyday SVG file to a sketch: https://github.com/fskpf/svg2roughjs

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts