LXSMNSYC/solid-labels

Simple, reactive labels for SolidJS

256

stars

324

commits

TypeScript

primary language

Sep 7, 2026

updated

babel-plugin
solid-js

README

solid-labels

NPM JavaScript Style Guide

Example

Install

npm install solid-labels
yarn add solid-labels
pnpm add solid-labels

Features

  • 🏷 Labels: Turn labels into SolidJS utility calls!
  • 💬 Comments: Turn comments into SolidJS utility calls, too!
  • ⏱ Compile-time Functions: Use functions that are evaluated during compile-time!
  • 📦 Auto Imports: No need to import SolidJS utilities, explicitly!
  • 🤝 JS and TS Friendly!

Usage

Typescript

<any file>.d.ts

/// <reference types="solid-labels" />

Babel

.babelrc

{
  "plugins": [
    ["solid-labels/babel", { "dev": false }]
  ]
}

[!INFO]: You don't have to use this if you're using Vite or Rollup plugins

Integrations

Disabling features

You can disable some features by passing disabled option to the plugin options.

{
  disabled: {
    labels: {
      signal: true,
    },
    pragma: {
      '@signal': true,
    },
    ctf: {
      $signal: true,
    },
  }
}

Limitations

  • Detecting shadowed identifier for signal and memo.

Sponsors

Sponsors

License

MIT © lxsmnsyc

Contributors

lxsmnsyc

319 commits

ImgBotApp

3 commits

kachurun

1 commits

tomByrer

1 commits

LXSMNSYC/solid-labels

Simple, reactive labels for SolidJS

256

stars

324

commits

TypeScript

primary language

Sep 7, 2026

updated

babel-plugin
solid-js

README

solid-labels

NPM JavaScript Style Guide

Example

Install

npm install solid-labels
yarn add solid-labels
pnpm add solid-labels

Features

  • 🏷 Labels: Turn labels into SolidJS utility calls!
  • 💬 Comments: Turn comments into SolidJS utility calls, too!
  • ⏱ Compile-time Functions: Use functions that are evaluated during compile-time!
  • 📦 Auto Imports: No need to import SolidJS utilities, explicitly!
  • 🤝 JS and TS Friendly!

Usage

Typescript

<any file>.d.ts

/// <reference types="solid-labels" />

Babel

.babelrc

{
  "plugins": [
    ["solid-labels/babel", { "dev": false }]
  ]
}

[!INFO]: You don't have to use this if you're using Vite or Rollup plugins

Integrations

Disabling features

You can disable some features by passing disabled option to the plugin options.

{
  disabled: {
    labels: {
      signal: true,
    },
    pragma: {
      '@signal': true,
    },
    ctf: {
      $signal: true,
    },
  }
}

Limitations

  • Detecting shadowed identifier for signal and memo.

Sponsors

Sponsors

License

MIT © lxsmnsyc

Contributors

lxsmnsyc

319 commits

ImgBotApp

3 commits

kachurun

1 commits

tomByrer

1 commits

Languages

TypeScript

99.5%