Rune.js – Graphic design systems with SVG in the browser or Node.js

In plain words

Rune.js is a JavaScript library for creating graphic design systems using SVG in web browsers or Node.js environments. It offers a chainable drawing API, scene graph functionality, and design-focused features including color conversion, grid systems, typography, and computational geometry tools. The library uses virtual-dom and is available for download with all dependencies included, making it suitable for developers and designers building programmatic visual systems.

written from the facts on this page · September 2026

From the sources

Rune.js is a JavaScript library for programming graphic design systems with SVG in both the browser or node.js. It features a chainable drawing API, an unobtrusive scene graph, and a range of features aimed specifically at graphic designers: native support for color conversion, grid systems, typography, pixel iteration, as well as an expanding set of computational geometry helpers. Oh, and it uses virtual-dom under the hood. To use in the browser, download the latest release on GitHub. The ZIP file has both an uncompressed and a compressed version, with all dependencies included, ready to use in the browser. If you want to run Rune.js in a browser, first download the latest release and move…from runemadsen.github.io

• 
  Anime.js – Polyvalent JavaScript Animation Engine2016 · anime-js.com · ▲283

  A fast, multipurpose and lightweight JavaScript animation library

• TJ
  Textures.js, SVG Patterns for Data Visualization2015 · riccardoscalco.github.io · ▲404

  A JavaScript Library for creating SVG patterns

• 
  DrawKit2018 · ▲765

  MIT licensed SVG illustrations, in 2 styles

• 
  RoughJS – Create hand-drawn graphics using JavaScript2018 · roughjs.com · ▲1,087

  Rough.js is a light weight javascript library that lets you draw graphics with a hand-drawn, sketchy, appearance.

• 
  A JavaScript library for data visualization in both SVG and Canvas2024 · github.com · ▲161

  Here's a project I've been working on for a little while now. Ripl is a JS library that provides a unified API for rendering shapes on both canvas and SVG interchangeably. Over the years I've used D3 extensively to create data visualisations so I figured I'd have a go at making my own version with a slightly more modern API and stricter TypeScript support. I am aware there are already libraries that can draw to multiple contexts interchangeably, but I've added a few little niceties to Ripl that (as far as I know) some other libraries don't have such as CSS-like query selectors, DOM-like…

• 
  Pts.js – A library for visualization and creative coding2018 · ptsjs.org · ▲611

  Pts is a javascript library for visualization and creative-coding.

• 
  SimCity, but with Permits▲936

  A free city-building game in your browser. You are the mayor. You know what the city needs. Now get it past the zoning board, the neighbors, the appeals court and the next election.

  Life & fun · 3d ago · permit.petercai.com

• IV
  I've been paying for a rural Tanzanian's education for 10 years▲778

  Life & fun · 15d ago · tanzaniaeducationproject.org

• 
  Bigwords.page – Turn any screen into a sign. The URL is the app▲728

  Turn a phone, tablet or TV into a sign. Type a message and it fills the screen: welcome signs, timers, Wi-Fi passwords and more. No app, no account, free.

  Life & fun · 16d ago · bigwords.page

• 
  Guitoro, a virtual guitar you strum with your keyboard▲573

  Play a free virtual guitar online with your keyboard or by touch. Slow songs down and see every chord, string and strum. Acoustic, classic, electric and bass.

  Life & fun · 10d ago · guitoro.com

• 
  See *almost* any carriers phone settings▲432

  Carrier settings from iPhone, Pixel and Galaxy firmware, decoded and compared: APNs, VoLTE, 5G and Wi-Fi Calling per carrier, and what each build changed.

  Life & fun · 14d ago · carrierexplode.com

• 
  The whole Solar System and every tracked satellite, live in the browser▲407

  Life & fun · 24d ago · space.bl2.net

• 
  Bubble▲1,409

  Build a fully functional web app without any code

  Dev tools · 2015 · bubble.io

• 
  Medium 2.0▲1,131

  A new look, app, and features to move thinking forward

  Work · 2015 · medium.com

• 
  Twitch Installs Arch Linux – A cooperative text-based horror game▲802

  Life & fun · 2015 · twitchinstalls.com

• 
  Facebook Design Resources▲793

  A collection of free resources made by designers at Facebook

  Work · 2015 · meta.com

• 
  Super Top Secret Product Hunt β▲664

  Preview and help build the future of Product Hunt 🙊

  Life & fun · 2015 · rrhoover.typeform.com

• 
  Webflow CMS▲642

  Build professional dynamic websites without any code

  Dev tools · 2015