# babel-preset-solid

> Babel preset to transform JSX for Solid.js

Latest version **1.9.15** (published 2026-08-17) · MIT license · 0 weekly downloads

## Install

```sh
npm install babel-preset-solid
pnpm add babel-preset-solid
yarn add babel-preset-solid
bun add babel-preset-solid
```

## Health

**Score 60/100 (C)** — status: active.

Positive: no vulnerabilities; recently updated; high maintenance score; popular repo.

Warnings: low downloads; no types; no esm support.

## Facts

| | |
|---|---|
| Version | 1.9.15 |
| Published | 2026-08-17 |
| First published | 2019-07-19 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 3.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 36068 |
| Author | Ryan Carniato |
| Maintainers | ryansolid |

## Links

- npm: https://www.npmjs.com/package/babel-preset-solid
- Repository: https://github.com/solidjs/solid/blob/main/packages/babel-preset-solid
- Homepage: https://github.com/solidjs/solid/blob/main/packages/babel-preset-solid#readme
- npm.io page: https://npm.io/package/babel-preset-solid

## Dependencies (1)

- [babel-plugin-jsx-dom-expressions](https://npm.io/package/babel-plugin-jsx-dom-expressions.md) ^0.40.10

## Recent versions

- 1.9.15 (latest) — 2026-08-17
- 2.0.0-rc.2 (next) — 2026-08-25
- 1.10.0-beta.0 (beta) — 2026-01-26
- 2.0.0-rc.1 — 2026-08-19
- 2.0.0-rc.0 — 2026-08-12
- 2.0.0-beta.34 — 2026-08-11
- 2.0.0-beta.33 — 2026-08-11
- 2.0.0-beta.32 — 2026-08-07
- 2.0.0-beta.31 — 2026-08-05
- 2.0.0-beta.30 — 2026-08-03
- 2.0.0-beta.29 — 2026-07-30
- 2.0.0-beta.28 — 2026-07-29
- 2.0.0-beta.27 — 2026-07-28
- 2.0.0-beta.26 — 2026-07-26
- 2.0.0-beta.25 — 2026-07-23
- … 259 more at https://npm.io/package/babel-preset-solid/versions

## README

# babel-preset-solid
Babel preset to transform JSX into Solid runtime calls.

### Install

Via NPM

```javascript
npm install babel-preset-solid --save-dev
```

or Yarn

```javascript
yarn add babel-preset-solid --dev
```

### Usage

Make or update your .babelrc config file with the preset:

```javascript
{
  "presets": [
    "solid"
  ]
}
```

Via package.json

```javascript
   ...
   "babel": {
     "presets": [
       "es2015",
       "solid"
     ],
     "plugins": [
     ]
   },
   ...
```

### Usage for SSR code
When need to transform JSX code to be used on the server, pass the following options

```javascript
{
  "presets": [
    ["solid", { "generate": "ssr", "hydratable": true }]
  ]
}
```
And for the browser build pass the hydratable option as well:
```javascript
{
  "presets": [
    ["solid", { "generate": "dom", "hydratable": true }]
  ]
}
```

---
_Source: https://npm.io/package/babel-preset-solid · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._