Dev tools · alternatives · 2026
24 alternatives to A better way of writing HTML via JavaScript?
Although I've been using React for at least 5 years now, I don't quite like frameworks. For personal projects I sometimes use web component but they can be over kill depending on what you are trying to achieve. I do like JSX though. I think it's quite neat to be able to write HTML inside of JavaScript code. With that in mind, I've been trying to come up with a way to better create HTML dynamically. Something along the lines of: const req = await fetch('api.com/posts') const data = await req.json() for (const d of data) createPost(d) For that, I end up writing this piece of code const…
Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. A better way of writing HTML via JavaScript? launched in 2024; newer entries below may have overtaken it.
- 1
- 2UG
Hi all, I'm currently working on my hobby project, and one of the fun constraints I put in was to build using as less dependencies as possible. I chose Go as it has a really good standard library, and all went well for building backend. But for frontend, I was wondering whether I should break the constraint and go for React. I tried options like Web Components, but I really didn't like the ergonomics and I didn't want to use jQuery either. Out of curiosity, I was exploring Go's html/template package to see if I can write UIs in a React-like manner. I found most of the online docs using…
2024 · its alternatives →
- 3
- 4
- 5
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 →
- 6CR
I made this because building React components from scratch is super annoying. Most visual elements already exist on the web, and I figured there should be a way to leverage that. I hope it's useful!
2022 · sample-code.aspect.app · its alternatives →
- 7IM
Hi! I made a React compatibility library for a Virtual DOM library (https://github.com/aidenybai/million). The idea is to have much faster rendering (a compiler optimizes virtual DOM beforehand) while ensuring the same developer experience React provides. This is very, VERY early stage, so be prepared for weird bugs / plugin incompatibility / etc. If you have any suggestions, I'd be more than happy if you replied in a comment with it! You can spin up the demo here >> https://stackblitz.com/github/aidenybai/million-react-compat
2022 · its alternatives →
- 8AV
I made this because building UIs in a lexical medium like code is super annoying. I have to pre-render what I’m making in my head, and then jump between the browser and IDE to test. I was inspired by the developer console in chrome and safari since I end up editing css there because it’s ironically more convenient. Hope it’s useful!
2022 · dev.aspect.app · its alternatives →
- 9
- 10
- 11
React Sketch.app▲215Render React components to Sketch ⚛️💎
2017 · react-sketchapp.airbnb.tech · its alternatives →
- 12AJ
I've been building a web UI library for a side project of mine. I thought it might be useful to others, so I'm releasing it as open source. To put it simply, I realized that most of my pain points with React come from its declarative model ui=f(state). So I'm trying something that I'm calling "imperative JSX." Instead of treating JSX as the source of truth for your UI, it essentially becomes a query interface for DOM manipulation. I first had the idea for it a few months ago, and only began writing it in earnest last week, so it's extremely early and nowhere near production-ready. Still, I'd…
2024 · npmjs.com · its alternatives →
- 13
Hi HN! I created this lib in the need of a simple and tiny framework to easily do AJAX-style navigation / replacement of fragments in the page, in a web application. For people who don't want to use client-side-rendering and complex frameworks à la React, there are nowadays a few "HTML-over-the-wire" libraries, like HTMX, Unpoly or this super-tiny one Swap.js :) One other key thing is that no external tool is needed: no bundler, no webpack, no TypeScript compiler, no minification needed. Just write HTML, JS (+ your preferred server-side language: PHP, Python, etc.) and it works. The…
2023 · github.com · its alternatives →
- 14
Hands-on introduction to making a web app using React.
2016 · hackingwithreact.com · its alternatives →
- 15
💌 Build and send emails using React. Contribute to resend/react-email development by creating an account on GitHub.
Apr 2026 · react.email · its alternatives →
- 16
Author here. This is an attempt to simplify frontend development: 1. Standards first: User interfaces should be assembled with HTML, styled with CSS, and enhanced with JavaScript. 2. Less abstractions: UI composition should be easy and require as few idioms and abstractions as possible, both on client and server. 3. Design Systems: Design should be a separate subsystem, easily accessible for developers who care about and understand design. 4. Scalability: Complex UIs should retain simplicity as the application grows. Eager to hear your thoughts!
2025 · nuejs.org · its alternatives →
- 17RW
source: https://codesandbox.io/s/dikoh?file=/index.html Static Template import { ChakraProvider, Box, Text } from "https://cdn.skypack.dev/@chakra-ui/react"; import React, { useRef } from "https://cdn.skypack.dev/react"; import ReactDOM from "https://cdn.skypack.dev/react-dom"; const MyText = ({ color, ...props }) => { return ; }; function Foo() { return ( Foo ); } function App() { return ( Hello Skypack ); } ReactDOM.render( , document.getElementById("main") );
2021 · its alternatives →
- 18
React Tutorial is the easiest, most interactive way to learn & practice modern React online. Learn in an interactive environment. Understand how React works not just how to build with React.
2020 · react-tutorial.app · its alternatives →
- 19
React render to polymer components! GitHub Gist: instantly share code, notes, and snippets.
2014 · gist.github.com · its alternatives →
- 20
- 21
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 · its alternatives →
- 22
- 23
- 24
🚀 Develop online with React! 🌐 No Build Tools Needed! 🚧
2020 · awesome-web-react.js.org · 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 →