Alternatives
Products that do what Live-paint (powered by ts-liveview) does
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).
- 1
- 2
- 3
- 4CA
2017 · codewich.com
- 5CP
2020 · github.com
- 6
- 7
- 8
- 9
- 10RLReact-live▲31
2015 · dariocravero.github.com
- 11
- 12
- 13
- 14
- 15
Paste HTML/CSS/JS, get an instant live preview — no signup
7d ago · frostrank.com
- 16PJ
2014 · gaearon.github.io
- 17JE
2020 · github.com
- 18CB
2012 · github.com
- 19LLiveCoder▲18
LiveCoder is a fun tool I built almost a year ago to simulate live coding Frontend technologies for my presentations. You actually don't have to live-code, but just prepare beforehand the program, snippets of HTML, CSS and Javascript and you feed the tool with it, so you can just focus on explaining what's being coded. Simple :-) I never really shared this tool, but I used it in a few presentations quite succesfully, so I think it could be an interesting tool to use. You have full control of the speed. You can pause and resume... An entire app can be live-coded with this. It's quite fun to…
2017
- 20ET
We built a browser extension (Chrome + Firefox) that captures the runtime DOM and exports it as JSON. Not the pre-render source (HTML/CSS/JS, templates, bundles) and not a screenshot — but the live, post-render state the browser is actually displaying: - visibility/hidden, disabled/required - current input values and validation/validationMessage - dataset attributes - trimmed text - stable selector paths Why: LLMs often miss or guess UI state. Screenshots are too opaque, pre-render source is too noisy. A structured snapshot gives reproducible context for debugging…
2025
- 21CA
Hey HN, OpenReplay — the self-hosted session replay tool that helps developers troubleshoot web apps faster — now supports recording the element. What’s New? - Canvas Support: Easily reproduce bugs by replaying complex graphics and animations. - Co-browse via P2P: Co-browse with users while streaming canvas elements in real-time, and identify issues and frustrations as they happen. - Customize Recordings: Customize FPS and quality of canvas in session replay, for optimal network usage and replay detail. Why it matters? - Gain deep insights into graphics-intensive parts of web applications,…
2024
- 22LL
2019 · livecodestream.com
- 23IB
Hey everyone! Some time ago I was analyzing why React apps are so hard to optimize, and came to a conclusion that the lack of atomic updates is the culprit. I made an experimental library which basically updates everything in place directly in HTML. At some point I became aware that Solidjs exists, which is a very similar idea, but at the end of the day I realized my approach to API is quite different and warrants the existence of my library (my state primitive allows selector subscriptions, array iterators return a state primitive with the element, allowing to never re-render the whole…
2024 · github.com
- 24JE
2021 · github.com
Ranked by how close each launch is in meaning, then by votes. Refine with a description →