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: about 10 hours 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 4 years ago)
• Default Branch: main
• Last Pushed: 2025-01-27T14:18:39.000Z (5 days ago)
• Last Synced: 2025-02-01T15:57:40.974Z (about 10 hours ago)
• Topics: component-library, stimulus, stimulus-js, stimulusjs
• Language: TypeScript
• Homepage: https://sub-xaero.github.io/stimulus-library/#/
• Size: 15.3 MB
• Stars: 163
• Watchers: 2
• Forks: 15
• Open Issues: 9
• 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.