JSX

Open-source projects categorized as JSX

JSX is an embeddable XML-like syntax. It is meant to be transformed into valid JavaScript, though the semantics of that transformation. JSX is an XML-like syntax extension to ECMAScript without any defined semantics. It's NOT intended to be implemented by engines or browsers.

Top 23 JSX Open-Source Projects

  • bun

    Incredibly fast JavaScript runtime, bundler, test runner, and package manager – all in one

    Project mention: Bun-ify Your Project | dev.to | 2024-03-06

    Bun has a solution for it. First of all, it already has a list of trusted dependencies. For them, Bun will execute all necessary scripts by default. Otherwise, you can add it to trustedDependecies in your package.json file. In Bun community usage of trustedDependencies is a hot topic. There are several suggestions on how to improve it.

  • prettier

    Prettier is an opinionated code formatter.

    Project mention: Angular 14 + Prettier + Husky Setup | dev.to | 2024-03-01

    What is Prettier 😎?

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • esbuild

    An extremely fast bundler for the web

    Project mention: ⏰ It’s time to talk about Import Map, Micro Frontend, and Nx Monorepo | dev.to | 2024-03-11

    The advent of esbuild, the native support for ES Modules in browsers, the widespread adoption of import map, the emergence of tools like Native Federation, and the Nx ecosystem all combine to forge a flexible and well-maintained Micro Frontend Architecture.

  • Preact

    ⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.

    Project mention: Preact: Lightweight React Alternative | dev.to | 2024-01-27

    The official Preact documentation.

  • solid

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

    Project mention: Resources for understanding the Solid compiler | /r/solidjs | 2023-04-18

    The reactivity core, which is in https://github.com/solidjs/solid This is where you'll see the reactivity runtime implementation. Take note that Solid's reactivity doesn't rely on compile-time magic

  • yew

    Rust / Wasm framework for creating reliable and efficient web applications

    Project mention: Container2wasm: Convert Containers to WASM Blobs | news.ycombinator.com | 2024-01-03
  • mdx

    Markdown for the component era

    Project mention: How to Enhance Content with Semantify | dev.to | 2024-03-02

    Semantify was made for content creators, marketers, and anyone looking to enhance their long-form written content. Currently only supporting MDX-based content, It automates the enrichment of MDX blog posts by adding AI-generated Q&A sections that summarize the content, and recommendations for semantically similar posts. This not only makes the content more accessible and engaging but also helps in establishing deeper connections between different posts, ultimately keeping the reader engaged for longer periods.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  • inferno

    :fire: An extremely fast, React-like JavaScript library for building modern user interfaces

    Project mention: Inferno 8.2.3 Released! | /r/infernojs | 2023-12-11

    FormEvent event.target has been explicitly defined for this event type c337fdd

  • mitosis

    Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more.

    Project mention: Nx - Highlights of 2023 | dev.to | 2023-12-28

    Builder.io Mitosis -

  • satori

    Enlightened library to convert HTML and CSS to SVG

    Project mention: Show HN: Dropflow, a CSS layout engine for node or <canvas> | news.ycombinator.com | 2024-03-21

    I've used satori [0] on the backend with TypeScript/Deno to render JSX as an SVG (which is then rendered to a PNG).

    Satori is meant for rendering Open Graph images (e.g. the little images that come up when you post a link on Twitter/Slack/Facebook), but I found that it works well for rendering arbitrary images. It supports a subset of modern CSS, including flexbox.

    My use case is posting match reports for League of Legends into a Discord text channel, e.g. person X just played a match, here are their stats.

    It's quite nice because there are almost zero server-side native dependencies (the one exception is the library to convert svg -> png requires some native libraries).

    Here's what a match report looks like: [1]

    Here's an example of what the JSX looks like: [2]

    [0]: https://github.com/vercel/satori

    [1]: https://github.com/shepherdjerred/glitter/blob/main/assets/p...

    [2]: https://github.com/shepherdjerred/glitter/blob/main/packages...

  • biome

    A toolchain for web projects, aimed to provide functionalities to maintain them. Biome offers formatter and linter, usable via CLI and LSP.

    Project mention: Biomejs.dev (previously Rome-tools by Meta) | news.ycombinator.com | 2024-03-07
  • htm

    Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.

    Project mention: VanJS: A 0.9KB JavaScript UI framework | news.ycombinator.com | 2023-12-20

    The preact team also dislikes transpiling jsx so they've developed an alternative using tagged template literals: https://github.com/developit/htm

  • styled-jsx

    Full CSS support for JSX without compromises

    Project mention: Creating Nx Workspace with Eslint, Prettier and Husky Configuration | dev.to | 2024-03-25
  • rspack

    A fast Rust-based web bundler 🦀️

    Project mention: Rspack | /r/devopspro | 2023-06-11
  • transform

    A polyglot web converter. (by ritz078)

    Project mention: 🔥Top 5 Killer Websites for Developers😎 | dev.to | 2023-12-04

    Visit site: https://transform.tools Github link: https://github.com/ritz078/transform

  • react-rails

    Integrate React.js with Rails views and controllers, the asset pipeline, or webpacker.

  • didact

    A DIY guide to build your own React

    Project mention: "Build your own React" - Fiber tree | dev.to | 2023-11-13

    This post is part of my post series that complements the "Build your own React" tutorial by Rodrigo Pombo.

  • sucrase

    Super-fast alternative to Babel for when you can target modern JS runtimes

    Project mention: Show HN: JSX in Browser with Sucrase | news.ycombinator.com | 2023-10-30

    Thanks. As for the code compilation, that can be tested and seen in https://sucrase.io/

    The demo page is only to show how we can transpile JSX in browsers.

  • nerv

    A blazing fast React alternative, compatible with IE8 and React 16. (by NervJS)

  • dependency-cruiser

    Validate and visualize dependencies. Your rules. JavaScript, TypeScript, CoffeeScript. ES6, CommonJS, AMD.

    Project mention: Taking Frontend Architecture Serious with dependency-cruiser | dev.to | 2023-09-25

    With dependency-cruiser, you can enforce which imports are allowed. This enables you to create an architecture fitness function that ensures your code continues to adhere to the initial design. You can also visualize your dependencies to gain a clearer understanding of your code's actual structure, allowing you to compare it with your mental model and make improvements where necessary.

  • blocks

    A JSX-based page builder for creating beautiful websites without writing code

  • fre

    :ghost: Tiny Concurrent UI library with Fiber.

  • unplugin-icons

    🤹 Access thousands of icons as components on-demand universally.

    Project mention: To learn svelte, I clone Github's issues page including useful features that you might consider reusing. | /r/sveltejs | 2023-12-05

    🤹 Unplugin Icons

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2024-03-25.

JSX related posts

Index

What are some of the best open-source JSX projects? This list will help you:

Project Stars
1 bun 69,100
2 prettier 47,979
3 esbuild 37,019
4 Preact 35,944
5 solid 30,813
6 yew 29,761
7 mdx 16,682
8 inferno 15,990
9 mitosis 10,657
10 satori 9,945
11 biome 9,521
12 htm 8,532
13 styled-jsx 7,594
14 rspack 7,158
15 transform 7,068
16 react-rails 6,714
17 didact 6,002
18 sucrase 5,560
19 nerv 5,420
20 dependency-cruiser 4,914
21 blocks 4,876
22 fre 3,687
23 unplugin-icons 3,444
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com