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 - 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.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured

  • 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

  • Is there a drawing software that can recognize and convert hand drawn shapes in real time (like ink to shape feature in Office)

    2 projects | /r/graphic_design | 18 Nov 2022

  • How I built a Multiplayer App in 3 days

    2 projects | dev.to | 14 May 2024

  • 🎨 CI/CD Workflow with AWS and Docker

    1 project | dev.to | 13 May 2024

  • An infinite canvas for code exploration

    3 projects | news.ycombinator.com | 6 May 2024

  • Creating Animated Diagrams for LinkedIn

    3 projects | dev.to | 22 Apr 2024