Life & fun · alternatives · 2026
24 alternatives to ReactJS with JSX without bundling or transpiling
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") );
This is a setup for writing ReactJS applications with JSX syntax directly in HTML without requiring build tools or transpilation steps. Developers import React and other libraries from CDNs, then write JSX code that… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. ReactJS with JSX without bundling or transpiling launched in 2021; newer entries below may have overtaken it.
- 1
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 →
- 2
- 3
- 4
Layouts.dev▲699A notebook for building interfaces with Tailwind & shadcn/UI
2024 · layouts.dev · its alternatives →
- 5AV
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 →
- 6UG
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 →
- 7
Beautiful Next.js templates built by the Tailwind CSS team.
2022 · tailwindcss.com · its alternatives →
- 8
- 9CR
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 →
- 10
UI elements in ready-to-use components for React
2017 · coolsymbol.now · its alternatives →
- 11
- 12
CSS for the <Component> Age
2016 · styled-components.com · its alternatives →
- 13IM
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 →
- 14
How to use the Plotly.js React component.
2016 · academy.plot.ly · its alternatives →
- 15
- 16
Webcodesk - Web App Builder for Create React App. Contribute to webcodesk/webcodesk-srv development by creating an account on GitHub.
2020 · github.com · its alternatives →
- 17
Hi HN! We've just released an open-source React bundler plugin that makes apps multilingual—at build time, without modifying the code. React app localization typically requires implementing i18n frameworks, extracting text to JSON files, and wrapping components in translation tags - essentially rewriting your entire codebase before you can even start translating. Our React bundler plugin eliminates this friction entirely. You add it to an existing React app, specify which languages you want, and it automatically makes your app multilingual without touching a single line of your component…
2025 · github.com · its alternatives →
- 18
React Bricks▲213CMS with visual editing based on React components
2022 · reactbricks.com · its alternatives →
- 19MW
2019 · subdued-health.surge.sh · its alternatives →
- 20
Fully coded UI sections with designer file included
2024 · material-tailwind.com · its alternatives →
- 21BR
2015 · rnplay.org · its alternatives →
- 22
Brings a full-stack React.js web app to life in minutes
2021 · reactapp.dev · its alternatives →
- 23AJ
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 →
- 24
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 →