TypeScript JSX

Open-source TypeScript 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 TypeScript JSX Projects

  • solid

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

  • omi

    Web Components Framework - Web组件框架 (by Tencent)

  • Project mention: OMI the surprising Chinese Web Components Framework ✨ | dev.to | 2024-05-01

    Well if you want to check out the project you have here: 🌐 Docs website 📦 Github repo

  • 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.

    SurveyJS logo
  • 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: Creating an OG image using React and Netlify Edge Functions | dev.to | 2024-04-16

    View on GitHub

  • transform

    A polyglot web converter.

  • Project mention: Build a cross-platform desktop app with electron and react typescript, tailwind css | dev.to | 2024-05-21

    The software is inspired by DevToys and other libraries like https://transform.tools/, faker-js. I designed and built it myself in a few weeks. There are still many features I want to improve and add to the software in the future.

  • 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.

  • fre

    :ghost: Tiny Concurrent UI library with Fiber.

  • 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.

    InfluxDB logo
  • 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

  • crank

    The Just JavaScript Framework

  • Project mention: Coroutines in JavaScript for Web Components | news.ycombinator.com | 2024-03-08

    If you enjoy this approach, you might enjoy the Crank JS framework. https://crank.js.org/

    > Crank uses generator functions to define stateful components. You store state in local variables, and `yield` rather than `return` to keep it around.

  • lume

    🔥 Static site generator for Deno 🦕

  • Project mention: Node.js vs. Deno vs. Bun: JavaScript runtime comparison | dev.to | 2023-09-06

    Deno also has a tooling ecosystem around it to enable developers to jumpstart their projects. Fresh is a web framework built for Deno and Lume is their static site generator.

  • babel-plugin-jsx

    JSX for Vue 3

  • Blaze UI

    Atoms for Blaze UI (by BlazeUI)

  • vscode-glean

    The extension provides refactoring tools for your React codebase

  • nano

    🎯 SSR first, lightweight 1kB JSX library. (by nanojsx)

  • Project mention: Nano JSX – 1kb JSX library with SSR | news.ycombinator.com | 2024-02-13
  • ai-jsx

    The AI Application Framework for Javascript

  • Project mention: AI App Development: What you need to know to get started | news.ycombinator.com | 2023-06-27

    AI.JSX (https://github.com/fixie-ai/ai-jsx) is a framework specific to AI App development, but it's built to integrate with React / JS UI development.

    So I think the answer to your question is "both". :) To build an AI app, you need many of the same skills you need to build any other type of app. But it's not like AI is some spooky thing that only ML pros can touch. It's accessible to any dev.

  • react-code-blocks

    React code blocks and code snippet components

  • skott

    All-in-one devtool to automatically analyze, search and visualize dependencies from JavaScript, TypeScript (JSX/TSX) and Node.js (ES6, CommonJS)

  • Project mention: 💉 Test-Driven Development and Dependency Injection are the way | dev.to | 2023-07-26

    Welcome back into these series everyone, past few days have been incredible as skott just reached 130 stars on GitHub, 100k of total downloads and lately around +12k weekly downloads since I started open-sourcing it. It's very far for being mainstream but it's a good start, isn't it? Anyway, let me put my personal satisfaction aside, and let's talk about what you came for!

  • vue-tsx-support

    TSX (JSX for TypeScript) support library for Vue

  • jsx-dom

    Use JSX to create DOM elements.

  • Project mention: jQuery v4.0.0 Beta | news.ycombinator.com | 2024-02-06

    Fully agreed. I built a mostly vanilla JS app using a bare bones JSX lib[1] a few months ago and was surprised at how little I missed the rest of React.

    [1] https://github.com/alex-kinokon/jsx-dom

  • next-api-og-image

    :bowtie: Easy way to generate open-graph images dynamically in HTML or React using Next.js API Routes. Suitable for serverless environment.

  • classix

    🏛️ The fastest and tiniest utility for conditionally joining classNames.

  • jsonx

    JSONX - Create React Elements, JSX and HTML from JSON

  • core

    A frontend framework for chillout-mode development 🥤 JSX components on generators*, fast mobx-like state management and exclusive cssx style system (by fract)

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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).

TypeScript JSX related posts

  • Coroutines in JavaScript for Web Components

    3 projects | news.ycombinator.com | 8 Mar 2024
  • Nano JSX – 1kb JSX library with SSR

    1 project | news.ycombinator.com | 13 Feb 2024
  • How I built a cross-framework frontend library

    3 projects | dev.to | 17 Jan 2024
  • JSX Mail: Ending All Your Problems When Creating Email Templates

    1 project | news.ycombinator.com | 12 Dec 2023
  • Open-graph image generation with Astro

    1 project | dev.to | 6 Dec 2023
  • Don’t Build AI Products The Way Everyone Else Is Doing It

    1 project | dev.to | 9 Nov 2023
  • Show HN: JSX in Browser with Sucrase

    1 project | news.ycombinator.com | 30 Oct 2023
  • A note from our sponsor - SaaSHub
    www.saashub.com | 28 May 2024
    SaaSHub helps you find the best software and product alternatives Learn more →

Index

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

Project Stars
1 solid 31,283
2 omi 12,937
3 mitosis 11,096
4 satori 10,252
5 transform 7,387
6 sucrase 5,604
7 fre 3,700
8 unplugin-icons 3,576
9 crank 2,677
10 lume 1,723
11 babel-plugin-jsx 1,694
12 Blaze UI 1,549
13 vscode-glean 1,454
14 nano 1,427
15 ai-jsx 1,008
16 react-code-blocks 587
17 skott 573
18 vue-tsx-support 550
19 jsx-dom 273
20 next-api-og-image 215
21 classix 181
22 jsonx 166
23 core 145

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com