Search Results for "jsx"
Sort By:
Showing 79 open source projects for "jsx"
View related business solutions-
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
Veeam Data Platform v13.1 - Get Your Free TrialTry Veeam Data Platform today. Experience the unified platform that's secure by design, portable by default, and proven to recover clean, fast, and anywhere.
-
1
stylex-jsx
Full CSS support for JSX without compromises
Full, scoped and component-friendly CSS support for JSX (rendered on the server or the client). Code and docs are for v3 which we highly recommend you to try. Looking for styled-jsx v2? Switch to the v2 branch. Blazing fast and optimized CSS rules injection system based on the CSSOM APIs. Full CSS support, no tradeoffs in power. Runtime size of just 3kb (gzipped, from 12kb). Complete isolation: Selectors, animations, keyframes. -
2
eslint-plugin-jsx-a11y
Static AST checker for a11y rules on JSX elements
Static AST checker for accessibility rules on JSX elements. This plugin does a static evaluation of the JSX to spot accessibility issues in React apps. Because it only catches errors in static code, use it in combination with axe-core/react to test the accessibility of the rendered DOM. Consider these tools just as one step of a larger a11y testing process and always test your apps with assistive technology. -
3
MDX
Markdown for the component era
MDX lets you use JSX in your markdown content. You can import components, such as interactive charts or alerts, and embed them within your content. This makes writing long-form content with components a blast. -
4
React Three Fiber
A React renderer for Three.js
Build your scene declaratively with re-usable, self-contained components that react to state, are readily interactive, and can tap into React's ecosystem. There is no hard dependency on a particular three.js version, it does not wrap or duplicate a single three.js class. It merely expresses three.js in JSX, <mesh /> becomes new THREE.Mesh(), and that happens dynamically. There is no additional overhead. Components participate in a unified render loop outside of React. It outperforms three.js at scale due to React's scheduling abilities.Y ou need to be versed in both React and three.js before rushing into this. If you are unsure about React consult the official React docs, especially the section about hooks. -
Ship Agents FasterGemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
-
5
esbuild
An extremely fast JavaScript bundler and minifier
...The main goal of the esbuild bundler project is to bring about a new era of build tool performance, and create an easy-to-use modern bundler along the way. The major features are: extreme speed without needing a cache, ES6 and CommonJS modules, tree shaking of ES6 modules, an API for JavaScript and Go, TypeScript and JSX syntax, source maps, minification, and plugins. -
6
ESLint-plugin-React
React specific linting rules for ESLint
...This plugin also exports an all configuration that includes every available rule. This pairs well with the eslint:all rule. These configurations will import eslint-plugin-react and enable JSX in parser options. -
7
Complete Intro to React v8
The Complete Intro to React, as taught by Brian Holt
Complete Intro to React v8 is the source repository for Brian Holt’s Frontend Masters courses covering introductory React and Intermediate React v5. It begins with React without heavy tooling, then introduces modern JavaScript tools and core component concepts. Learners work with JSX, props, state, effects, hooks, context, routing, and specialized React APIs. Later modules cover performance, low-priority rendering, TypeScript, Redux, Tailwind CSS, and application testing. The repository hosts the course website and written lessons, while a separate project repository provides step-by-step application files. Its organized sections let students move from fundamentals into production-oriented patterns. ... -
8
React
A JavaScript library for building user interfaces
React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. React lets you build user interfaces out of individual pieces called components. Create your own React components like Thumbnail, LikeButton, and Video. Then combine them into entire screens, pages, and apps. Whether you work on your own or with thousands of other developers, using React... -
9
LemonadeJS
LemonadeJS is a 7KB reactive JavaScript micro-library
...At roughly 5–7 KB, it works directly in the browser or with bundlers like webpack, enabling developers to create reusable, reactive UI components using pure JavaScript, JSX, or TypeScript while avoiding heavy frameworks. Its core reactivity system tracks changes to component state and efficiently updates only the affected parts of the DOM, which improves performance for both small widgets and larger applications. The library also offers powerful template syntax and lifecycle hooks so you can manage state, effects, loops, and events in a clear and expressive way while keeping your code close to native JavaScript. -
Train ML Models With SQL You Already KnowBuild and deploy ML models using familiar SQL. Automate data prep with built-in Gemini. Query 1 TB and store 10 GB free monthly.
-
10
Sera UI
UI component library for React, Next.js, and other JSX frameworks
Sera UI is a modern, open source component library designed for React, Next.js, and other JSX-based frameworks, focused on helping developers build visually polished and highly interactive user interfaces with minimal effort. It is built on top of Tailwind CSS, which enables a utility-first styling approach that makes customization fast, flexible, and consistent across projects. One of its defining characteristics is its copy-and-paste philosophy, allowing developers to directly own and modify component code instead of relying on rigid packages or black-box abstractions. ... -
11
Percy
Build frontend browser apps with Rust + WebAssembly
Percy is a frontend framework that enables developers to build web applications using Rust and WebAssembly, offering an alternative to JavaScript-based frameworks. It provides a virtual DOM implementation and a declarative syntax through macros that allow developers to define UI components in a way similar to JSX or HTML templating systems. Percy supports multiple rendering strategies, including client-side rendering, server-side rendering, and hybrid approaches, giving developers flexibility in how applications are delivered and optimized. The framework integrates closely with the Rust ecosystem, leveraging tools like wasm-bindgen to compile Rust code into WebAssembly modules that run in the browser. ... -
12
react-fullpage
Official React.js wrapper for fullPage.js
react-fullpage is the official React wrapper for fullPage.js, providing a component that brings full-screen, section-by-section scrolling layouts into React applications. The wrapper uses a render-prop API, where you pass a render function that receives component state and the fullpageApi, allowing you to build React JSX markup while delegating scroll behavior to fullPage.js under the hood. It is distributed in multiple formats, including a standard ES module and a UMD bundle, so it can be used in projects with or without a modern build step. The library supports server-side rendering scenarios (such as Next.js and Gatsby) by returning a static version when window is not available and then hydrating into the “live” interactive version on the client. ... -
13
Satori
Enlightened library to convert HTML and CSS to SVG
Enlightened library to convert HTML and CSS to SVG. Satori supports the JSX syntax, which makes it very straightforward to use. Satori will render the element into a 600×400 SVG, and return the SVG string. Under the hood, it handles layout calculation, font, typography and more, to generate a SVG that matches the exact same HTML and CSS in a browser. Satori only accepts JSX elements that are pure and stateless. -
14
Algernon
Small self-contained pure-Go web server with Lua, Markdown, HTTP/2
Web server with built-in support for QUIC, HTTP/2, Lua, Teal, Markdown, Pongo2, HyperApp, Amber, Sass(SCSS), GCSS, JSX, BoltDB (built-in, stores the database in a file, like SQLite), Redis, PostgreSQL, MariaDB/MySQL, rate limiting, graceful shutdown, plugins, users and permissions. Written in Go. Uses Bolt (built-in), MySQL, PostgreSQL or Redis (recommended) for the database backend, permissions2 for handling users and permissions, gopher-Lua for interpreting and running Lua, optional Teal for type-safe Lua scripting, http2 for serving HTTP/2, QUIC for serving over QUIC, blackfriday for Markdown rendering, amber for Amber templates, Pongo2 for Pongo2 templates, Sass(SCSS) and GCSS for CSS preprocessing. logrus is used for logging, goja-babel for converting from JSX to JavaScript, tollbooth for rate limiting, pie for plugins and graceful for graceful shutdowns. -
15
Babel
The compiler for writing next generation JavaScript
Babel is a toolchain that helps you write code in the latest version of JavaScript. It converts ECMAScript 2015+ code into a backwards compatible version of JavaScript that can be run by older JavaScript engines. With Babel you can transform syntax, polyfill features that are missing in your target environment, transform source code and more! -
16
outline.nvim
Code outline sidebar powered by LSP
A sidebar with a tree-like outline of symbols from your code, powered by LSP. -
17
SonarJS
SonarSource Static Analyzer for JavaScript and TypeScript
This SonarSource project is a static code analyzer for JavaScript, TypeScript and CSS languages. In order to analyze JavaScript, TypeScript or CSS code, you need to have a supported version of Node.js installed on the machine running the scan. Recommended versions are the previous LTS version v14 and the latest version - v16. We recommend using the latest available LTS version (v16 as of today) for optimal stability and performance. v12 is still supported, but it already reached end-of-life... -
18
Meriyah
A 100% compliant, self-hosted javascript parser
Meriyah is a high-performance, fully compliant JavaScript parser that generates ESTree-compatible Abstract Syntax Trees (ASTs). Designed for speed and stability, it serves as an alternative to parsers like Acorn and Esprima. -
19
Vite
Next generation frontend tooling. It's fast!
...On-demand file serving over native ESM, no bundling required! Hot Module Replacement (HMR) that stays fast regardless of app size. Out-of-the-box support for TypeScript, JSX, CSS and more. Pre-configured Rollup build with multi-page and library mode support. Rollup-superset plugin interface shared between dev and build. Flexible programmatic APIs with full TypeScript typing. Vite (French word for "quick", pronounced /vit/, like "veet") is a new breed of frontend build tooling that significantly improves the frontend development experience. ... -
20
daisyUI
daisyUI components built with React
daisyUI components built with React, Typescript, and TailwindCSS. A React component library for daisyUI, the most popular, free, and open-source Tailwind CSS component library. -
21
Groq AppGen
Project showcasing Llama 3.3 70B HTML codegen abilities
Groq AppGen is an interactive web application (built with Next.js and TypeScript) that uses Groq’s LLM API to generate or modify web application code based on natural-language prompts. Essentially, you tell the app what kind of web app or page you want (in plain English), and groq-appgen will produce HTML/JSX code scaffolding, layout, and optionally application logic accordingly. It supports iterative feedback: you can refine your prompt, adjust parameters or requirements, and have the app regenerate or update the code — facilitating rapid prototyping and experimentation. For developers or non-coding designers alike, groq-appgen lowers the barrier to building full web interfaces or small apps by leveraging LLM-driven code generation rather than writing boilerplate by hand. ... -
22
React Basics
Learning repository centered on React 19
React Basics is a comprehensive learning repository centered on React 19 and the wider modern React ecosystem. It covers JSX, components, props, state, lifecycle behavior, forms, Context, and major React hooks. Intermediate and advanced material explores performance optimization, error boundaries, lazy loading, Suspense, and code splitting. State management resources include Redux, Redux Toolkit, middleware, selectors, and RTK Query. Testing material covers Jest, React Testing Library, snapshots, mocks, and unit-testing patterns. ... -
23
Brisa
The Web Platform Framework
Brisa is an experimental web framework inspired by the others, taking the best of each one. JSX, TS, server/web components, server actions, optimistic updates, SSR, streaming, suspense, signals, WebSockets, middleware, layouts. Brisa is designed to start, build, test, deploy, and run fast. Text translation and routing carry only the translations you consume. 0B by default, 2 kB when you use server actions (RPC size), and 3 kB when you need web components. -
24
Vitest
Next generation testing framework powered by Vite
...Reuse Vite's config and plugins - consistent across your app and tests. But Vitest is not required. Expect, snapshot, coverage, and more - migrating from Jest is straightforward. Out-of-box ESM, TypeScript and JSX support powered by esbuild. -
25
Prettier Formatter for Visual Studio
Visual Studio Code extension for Prettier
Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary. To ensure that this extension is used over other extensions you may have installed, be sure to set it as the default formatter in your VS Code settings. This setting can be set for all languages or by a specific language. If you want to disable Prettier on a particular language you...
