Life & fun · alternatives · 2026
24 alternatives to Live-paint (powered by ts-liveview)
live-paint (https://paint.liveviews.cc/) is a demonstration of ts-liveview v2-rc3. The server converts JSX expression into plain HTML response. The UI is then updated via websocket. As opposite to React.js. The DOM updates are fired from server, and instructed with query selector (no virtual DOM). Hence, the amount of javascript downloaded and executed by client are minimal (or even optional for static web pages).
Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Live-paint (powered by ts-liveview) launched in 2021; newer entries below may have overtaken it.
- 1
Author here. I really love the programming paradigm behind by Phoenix LiveView applications and wanted to expand the ecosystem to include programmers like myself that love Typescript. In summary, LiveViewJS reuses all the Phoenix client code and implemented a new backend in Typescript to handle client events and send back updates. Lots more detail and examples in the repo. Would love any questions and/or feedback. Thanks!
2022 · github.com · its alternatives →
- 2
Display dynamic and responsive image annotations, live
2021 · markerjs.com · its alternatives →
- 3
- 4
- 5
Hey 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…
2024 · repaint.com · its alternatives →
- 6
Create and share simple web demos using TypeScript, CSS, and HTML. Prototype new ideas quickly.
2017 · codewich.com · its alternatives →
- 7RLReact-live▲31
2015 · dariocravero.github.com · its alternatives →
- 8
- 9
HTML Pub▲393Turn AI-generated HTML into a live URL via MCP/API
Mar 2026 · htmlpub.com · its alternatives →
- 10
Hey HN, we built a Chrome Extension (https://www.magicpatterns.com/extension) that converts a snippet of any website to an isolated React component. Demo video: https://youtu.be/hutUYDkyE_A How it works: 1) Iterate through each node in the selected DOM tree, 2) For each element, find any matching CSS selectors / inline styles, 3) Use window.getComputedStyle to get the deterministic values, 4) Construct JSX It was pretty hard producing the minimal code necessary while maintaining the same visual look. To do this, we implemented things like abstracting out…
2024 · chromewebstore.google.com · its alternatives →
- 11
Live Reacting▲264Create live stream voting or poll on your Facebook page
2016 · livereacting.com · its alternatives →
- 12
Make your website sell more, instantly
2023 · reactive.live · its alternatives →
- 13
Many 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!
2023 · react-graph-gallery.com · its alternatives →
- 14
Chart.js▲263Simple, clean & engaging charts for designers and developers
2014 · chartjs.org · its alternatives →
- 15
CODECAST▲254HTML & CSS editor in your browser with real-time previews
2015 · codecast.me · its alternatives →
- 16
Render multiple moving rectangles to compare a number of canvas engines.
2020 · benchmarks.slaylines.io · its alternatives →
- 17
Live views and components for golang. Contribute to jfyne/live development by creating an account on GitHub.
2020 · github.com · its alternatives →
- 18
- 19
🌟 Shiny reflections for mobile websites. Contribute to rikschennink/shiny development by creating an account on GitHub.
2019 · github.com · its alternatives →
- 20
Create living images from your data, dynamically on the fly
2022 · opengraphimage.com · its alternatives →
- 21
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…
2024 · github.com · its alternatives →
- 22
Domscribe▲95Give your AI coding agent eyes on your running frontend
Mar 2026 · domscribe.com · its alternatives →
- 23
Tweaklify▲68Fast DOM prototyping & live style editing
May 2026 · chromewebstore.google.com · its alternatives →
- 24
🎨 Classic MS Paint, ＲＥＶＩＶＥＤ + ✨Extras
2018 · jspaint.ml · its alternatives →
Also compare
Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →