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.

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

  • mitosis

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

    Project mention: The Top 12 Open-Source No-Code Tools with the Most GitHub Stars | dev.to | 2024-07-11

    GitHub https://github.com/BuilderIO/mitosis GitHub Star 11.9k The most recent update on GitHub Within one day Official website https://mitosis.builder.io/ Documentation https://mitosis.builder.io/docs/overview/

  • satori

    Enlightened library to convert HTML and CSS to SVG

    Project mention: How to generate dynamic OG (OpenGraph) images with Satori and React | dev.to | 2024-06-27

    Under the hood, we would use Satori as the solution that will generate the SVG for us. We would need these things:

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

  • 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

  • SaaSHub

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

    SaaSHub logo
  • fre

    :ghost: Tiny Concurrent UI library with Fiber.

  • 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

  • skott

    All-in-one devtool to automatically analyze, search and visualize project modules and 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!

  • react-code-blocks

    React code blocks and code snippet components

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

Log in or Post with

TypeScript JSX related posts

  • Figma to Angular: Convert Designs to Clean Angular Code in a Click

    1 project | dev.to | 10 Jul 2024
  • Alfama: Fine grained reactive UI library with explicit subscriptions

    2 projects | dev.to | 30 Jun 2024
  • Build components in single codebase and compile them to React,Vue,Angular,Svelte

    1 project | news.ycombinator.com | 6 Jun 2024
  • Frontlink: Synchronized React state using your back end

    1 project | news.ycombinator.com | 3 Jun 2024
  • 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
  • A note from our sponsor - SaaSHub
    www.saashub.com | 14 Jul 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,679
2 omi 12,989
3 mitosis 11,923
4 satori 10,455
5 transform 7,592
6 sucrase 5,626
7 unplugin-icons 3,774
8 fre 3,699
9 crank 2,682
10 lume 1,766
11 babel-plugin-jsx 1,704
12 Blaze UI 1,550
13 vscode-glean 1,456
14 nano 1,433
15 ai-jsx 1,023
16 skott 604
17 react-code-blocks 598
18 vue-tsx-support 550
19 jsx-dom 273
20 next-api-og-image 216
21 classix 184
22 jsonx 169
23 core 146

Sponsored
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.
www.influxdata.com

Did you konow that TypeScript is
the 2nd most popular programming language
based on number of metions?