Ripl – A unified 2D/3D engine for Canvas, SVG, WebGPU, and the Terminal
After several years, with a small hiatus in the middle, I've finally got Ripl to the point of being published. Ripl is a library for rendering 2D and 3D shapes to any context (canvas, SVG, WebGPU, and Terminal supported by default) using a single API. The library mimics the DOM as much as possible, replicating the event system, object graphing, CSS-like querying, gradients, and keyframe animations etc. I also built a complete data visualization library using the core package which is available as @ripl/charts. And yes, you can even render the charts to a terminal with about a 2-3 line…
Ripl – A unified 2D/3D engine for Canvas, SVG, WebGPU, and the Terminal launched on March 19, 2026 with 17 votes, #931 of 23,380 launches that month and more than 90% of that year's launches.
In plain words
Ripl is a rendering library that lets developers draw 2D and 3D shapes using a single API across Canvas, SVG, WebGPU, and Terminal outputs. It mimics DOM functionality with event systems, CSS-like querying, gradients, and keyframe animations. The library includes a companion data visualization package for creating charts that work across all supported rendering contexts, including terminal output. It is for developers building graphics-heavy web applications or terminal-based visualizations.
written from the facts on this page · September 2026
From the sources
Zero-dependency TypeScript charting, drawing and animation library. 25 chart types and a full 2D drawing API, rendered to Canvas, SVG, terminal or WebGPU 3D.
A unified, zero-dependency TypeScript library for drawing and animating 2D graphics, charts, and data visualizations across Canvas, SVG, Terminal, and WebGPU. 25 animated, interactive chart types, including bar, line, area, pie, scatter, candlestick (OHLC), histogram, box plot, heatmap, radar, sankey, treemap, sunburst, gauge, gantt and force-directed, with axes, legends, tooltips and crosshairs. Ten drawing primitives, 13 curve algorithms, gradients, pattern fills and clip paths, animated with keyframes, 31 easing functions and type-aware interpolation across numbers, colours, points and paths. Draw to any context through a single, DOM-like API. Ripl mirrors the DOM and CSSOM (hierarchy,…from ripl.rocks
In the maker’s words, at launch
After several years, with a small hiatus in the middle, I've finally got Ripl to the point of being published. Ripl is a library for rendering 2D and 3D shapes to any context (canvas, SVG, WebGPU, and Terminal supported by default) using a single API. The library mimics the DOM as much as possible, replicating the…
Does a similar job
all alternatives →
A JavaScript library for data visualization in both SVG and Canvas2024 · github.com · ▲161Here'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…
An ASCII 3D Rendering EngineJun 2026 · glyphcss.com · ▲211Render 3D models (OBJ, glTF, GLB, STL, .vox) as ASCII art — in the browser, in React or Vue, or straight in your terminal. A three.js-style API with no WebGL and no canvas: just text in a single <pre>.
Render2019 · render.com · ▲318Hey HN, I'm Anurag, founder and CEO of Render, a cloud for application developers. We've just launched Render Workflows, a way to define durable tasks by decorating plain TypeScript or Python functions and running them on Render without operating queues, worker pools, retry logic, and state management. Code example below [1]. The use cases we have in mind include agent loops, ETL/data pipelines, billing flows, and other long-running jobs. The model is simple: mark an existing function as a Task, deploy the repo as a Workflow, then trigger runs from your application code or via our API.…
A gallery of graphs built with React and D3.js2023 · react-graph-gallery.com · ▲297Many JS libraries exist to build graphs on the web (Vega, chartJS, Plotly...). They allow to make charts quickly. But you lose flexibility: you're limited by the options they offer. I just created a gallery with hundreds of graphs made with d3.js and React. - Examples are split by graph types - They all come with explanation and code sandboxes - Gradual complexity to ease the learning curve It took me ages to create this project! Feedback welcome!
Repaint – a WebGL based website builder2024 · repaint.com · ▲236Hey HN! We're Ben and Izak, founders of Repaint (YC S23). Repaint is like Figma, but for creating real websites. It has panning, zooming, and dragging elements around. The settings closely follow html/css. We think an open canvas is a big improvement over other website builders. Everything is easier: styling, consistency, responsiveness… But making it work was hard! We thought HN would appreciate the tech behind it: - A custom WebGL rendering engine (w/text, shadows, blurs, gradients, & opacity groups) - A partial implementation of the css spec - A custom text editor & text shaper…
More dev tools this month
the category →
Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.
Dev tools · 1d ago · github.com
open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.
Dev tools · 29d ago · github.com
Contribute to reladraw/reladraw development by creating an account on GitHub.
Dev tools · 27d ago · github.com
OpenBot▲362Grok Bot alternative: free, local, open-source, multiplayer
Dev tools · 24d ago · openbot.run
Talanoa▲346Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…
Dev tools · 22d ago · talanoa.email
Source: Show HN post ↗ · launch text quoted in part
Launched alongside, March 2026
the whole month →
Switch from ChatGPT to Claude with import memory feature
AI · Mar 2026 · claude.com
Littlebird▲709Littlebird remembers everything across your meetings, messages, docs, and apps, then takes action so you can recall any detail and never lose context.
AI · Mar 2026 · littlebird.ai
