For jsx transpilation tools, the strongest matches are swc-project/swc (This is a high-performance compiler that natively supports JSX), alangpierce/sucrase (Sucrase is a high-speed transpiler that directly handles JSX) and evanw/esbuild (esbuild is a high-performance compiler that natively supports JSX). oxc-project/oxc and babel/babel round out the shortlist. Each is ranked by relevance to your query, popularity and recent activity.
Explore the best JSX transpilation tools. We compare top-rated open-source options by performance and activity to help you find the best fit.
This project is a high-performance compiler written in Rust that transpiles TypeScript and ECMAScript into compatible JavaScript code. It functions as a TypeScript transpiler, a JavaScript minifier, and a JavaScript bundler. The system distinguishes itself through a WebAssembly plugin host that allows the execution of custom transformation rules without modifying the core binary. It also provides specialized compilation for React source code to improve runtime performance and reduce execution overhead. The broader capability surface includes source-to-source compilation, type annotation stri
This is a high-performance compiler that natively supports JSX transformation, TypeScript integration, and source map generation, serving as a direct and efficient alternative to traditional JavaScript transpilers.
Sucrase is a high-speed transpilation tool that compiles modern JavaScript, TypeScript, JSX, and Flow to standard JavaScript for modern runtimes. It operates as a fast alternative to Babel, using a single-pass scanner and tokenizer that strips type annotations and applies only requested syntax transforms without building an AST or performing type checking. The tool differentiates itself through a zero-type-checking pipeline that omits type checking entirely, relying on the assumption that input code is already valid for the target runtime. It uses scanner-based tokenization and single-pass co
Sucrase is a high-speed transpiler that directly handles JSX transformation and TypeScript compilation, serving as a performant alternative to Babel for build tool integration and source map generation.
esbuild is a high-performance JavaScript bundler and transpiler designed to transform modern web assets into production-ready code. Built with a focus on speed, it utilizes a concurrent execution model to perform parsing, linking, and code generation across multiple CPU cores. The engine handles a wide range of tasks, including TypeScript compilation, JSX transformation, and CSS bundling, while maintaining a consistent build process across diverse environments. What distinguishes the project is its architecture, which leverages memory-mapped file processing and a single-pass transformation st
esbuild is a high-performance compiler that natively supports JSX transformation, TypeScript integration, and source map generation, making it a comprehensive tool for modern JavaScript build pipelines.
Oxc is a high-performance toolchain designed for the analysis, linting, formatting, and transformation of JavaScript and TypeScript codebases. It functions as a comprehensive static analysis engine and compiler-based utility, providing the infrastructure necessary to parse source code into high-performance abstract syntax trees and map complex module dependency graphs across entire projects. The project distinguishes itself through its use of multi-core parallel processing to maximize throughput during intensive tasks like linting and minification. It offers deep, type-aware static analysis t
Oxc is a high-performance compiler and transpiler that natively supports JSX transformation and TypeScript integration, serving as a powerful alternative to traditional JavaScript build tools.
Babel is a pluggable JavaScript compiler and transpiler that converts modern ECMAScript syntax into backwards-compatible versions of the language. It functions as an abstract syntax tree manipulator, parsing source code into a hierarchical structure to traverse and modify nodes for custom code transformations. The system utilizes a plugin-driven architecture to apply specific transformation rules and supports presets that bundle multiple plugins into named configuration groups. This enables the transformation of experimental syntax and the injection of non-global polyfills to ensure consisten
Babel is the industry-standard JavaScript compiler that natively supports JSX transformation, extensive plugin architecture, TypeScript integration, and source map generation, making it the definitive tool for this category.
Farm is a Rust-based web build tool and development server that compiles JavaScript, TypeScript, CSS, HTML, and static assets into optimized bundles. It uses a module-graph-based bundling approach with persistent module-level caching, enabling near-instant builds and sub-20ms hot module replacement during development. The tool processes assets based on file extensions, handling CSS, Sass, Less, PostCSS, HTML, and images as first-class modules without requiring JavaScript transformation. Farm distinguishes itself through its Vite-compatible plugin system, accepting Vite, Rollup, and Unplugin p
Farm is a high-performance build tool that natively handles JSX transformation via its underlying SWC-based compiler, making it a capable engine for converting JSX into standard JavaScript within a broader build pipeline.
Snowpack is an ESM-powered frontend build tool and development server that serves native ES modules directly to the browser. By eliminating the bundling process during development, it enables nearly instant server startup and unbundled frontend development. The project features a framework-aware hot module reload system that preserves component state during updates, with specific Fast Refresh integration for React, Preact, Svelte, and Vue. It also acts as a modern web transpiler, automatically converting TypeScript, JSX, and CSS Modules into browser-compatible code without requiring manual co
Snowpack is a frontend build tool that natively handles JSX transformation and TypeScript compilation as part of its build pipeline, making it a capable choice for your transpilation needs.
nwb is a zero-configuration build toolchain, module bundler, and development server for JavaScript and JSX applications and libraries. It functions as a build system that automatically derives compiler and bundler settings from a project's installed dependencies to remove manual setup. The tool is distinguished by its ability to act as a library compiler, generating multiple distribution formats such as ESM and CJS from a single source for package manager compatibility. It also includes a dedicated headless browser test runner that executes unit tests with integrated watch mode and code cover
nwb is a comprehensive build toolchain that handles JSX transformation and transpilation as part of its core functionality, making it a suitable choice for managing the compilation of JSX-based projects.
TypeScript is a language that extends standard syntax by adding a static type system. It identifies potential runtime errors by analyzing the behaviors and capabilities of values during the compilation process. The language supports object-oriented structures, including classes with inheritance and member visibility control, as well as flexible function definitions that utilize generics, overloads, and parameter destructuring. The project provides a compiler that manages the build lifecycle through a command-line interface, offering configurable options for module resolution, code generation,
TypeScript natively supports JSX transformation and source map generation, serving as a robust compiler that integrates directly into modern build pipelines for JavaScript and TypeScript projects.
This project is a Babel plugin that enables the use of JSX syntax within Vue 2 applications. It functions as a build-time transpilation tool, converting declarative JSX into standard JavaScript render functions that are compatible with the framework's component system. The plugin bridges the gap between JSX and the framework by mapping standard template directives, such as event handling and model binding, directly to JSX attributes. It also provides automatic injection of the component instance context, allowing developers to access reactive properties and lifecycle methods directly within t
This repository provides the official Babel plugins required to transform JSX syntax specifically for Vue 2 applications, serving as a specialized component within the broader JavaScript transpilation ecosystem.
This tool provides a lightweight, standalone interface for transpiling JSX and ES6+ code into browser-compatible JavaScript, serving as a direct solution for your transformation needs.
| रिपॉजिटरी | स्टार्स | भाषा | लाइसेंस | अंतिम पुश |
|---|---|---|---|---|
| swc-project/swc | 33.9K | Rust | Apache-2.0 | |
| alangpierce/sucrase | 5.9K | TypeScript | MIT | |
| evanw/esbuild | 39.9K | Go | MIT | |
| oxc-project/oxc | 21.7K | Rust | MIT | |
| babel/babel | 44K | TypeScript | MIT | |
| farm-fe/farm | 5.6K | Rust | MIT | |
| fredkschott/snowpack | 19.3K | JavaScript | MIT | |
| insin/nwb | 5.5K | JavaScript | NOASSERTION | |
| microsoft/typescript | 109.3K | TypeScript | Apache-2.0 | |
| vuejs/jsx-vue2 | 1.5K | JavaScript | — |