https://github.com/sub-xaero/stimulus-library

A set of useful pre-built and configurable StimulusJS controllers for various common scenarios
https://github.com/sub-xaero/stimulus-library

component-library stimulus stimulus-js stimulusjs

Last synced: 4 months ago
JSON representation

A set of useful pre-built and configurable StimulusJS controllers for various common scenarios

• Host: GitHub
• URL: https://github.com/sub-xaero/stimulus-library
• Owner: Sub-Xaero
• License: mit
• Created: 2021-01-16T02:38:56.000Z (about 5 years ago)
• Default Branch: main
• Last Pushed: 2025-05-08T14:55:31.000Z (10 months ago)
• Last Synced: 2025-05-10T20:33:37.433Z (10 months ago)
• Topics: component-library, stimulus, stimulus-js, stimulusjs
• Language: TypeScript
• Homepage: https://sub-xaero.github.io/stimulus-library/#/
• Size: 15.9 MB
• Stars: 169
• Watchers: 2
• Forks: 17
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Security: SECURITY.md

Awesome Lists containing this project

README

          
# Stimulus-Library

[Documentation](https://sub-xaero.github.io/stimulus-library/)  |  [Full List of Controllers](https://sub-xaero.github.io/stimulus-library/)

---

![npm](https://img.shields.io/npm/dt/stimulus-library)

![npm bundle size (version)](https://img.shields.io/bundlephobia/minzip/stimulus-library/latest?label=minified%20size)

---

## Installation

To get started, you'll need to add the `stimulus-library` package to your project.

To do so, either add `stimulus-library` to your package.json manually

```json

{

  "dependencies": {

    "stimulus-library": "latest"

  }

}

```

or run

`npm install --save stimulus-library` or `yarn add stimulus-library`

Then, to get started, import and register the controllers you want to use.

*Please Note* as below, that when registering the name for the controller, you should use `kebab-case` and omit the `-controller` suffix.

```js

import { Application } from "@hotwired/stimulus";

import { AutoSubmitFormController } from "stimulus-library";

const application = Application.start();

application.register("auto-submit-form", AutoSubmitFormController);

```

## Tree-shaking

If you use the ESM builds of the library, this library fully supports tree-shaking, 

only the controllers you directly import will be bundled with your application.