open-index/open-npm huggingface dataset:
npm package: @stimulcross/rate-limiter
Description: A collection of client-side rate limiters for Node.js and browsers.
Author: Stimul Cross
Latest version: 0.0.8

# Rate Limiters

A collection of rate limiters designed primarily for **outbound request throttling**.

They are suited for client-side usage to respect third-party limits or protect internal resources.

While it is technically possible to use these limiters for server-side traffic backed by a distributed store like Redis, it is **not recommended**. The algorithms evaluate state within the application process, so distributed usage requires multiple network operations per request introducing significant round-trip latency.

## Installation

**npm**

```
npm add @stimulcross/rate-limiter
```

**pnpm**

```
pnpm add @stimulcross/rate-limiter
```

**yarn**

```
yarn add @stimulcross/rate-limiter
```
npm package: @stimulus-components/animated-number
Description: A Stimulus controller that animates a numerical value by counting to it.
Author: Guillaume Briday
Latest version: 5.0.0

# Stimulus Animated Number

[![](https://img.shields.io/npm/dt/stimulus-animated-number.svg)](https://www.npmjs.com/package/stimulus-animated-number)
[![](https://img.shields.io/npm/v/stimulus-animated-number.svg)](https://www.npmjs.com/package/stimulus-animated-number)
[![](https://github.com/stimulus-components/stimulus-animated-number/workflows/Lint/badge.svg)](https://github.com/stimulus-components/stimulus-animated-number)
[![](https://img.shields.io/github/license/stimulus-components/stimulus-animated-number.svg)](https://github.com/stimulus-components/stimulus-animated-number)

## Getting started

A Stimulus controller that animates a numerical value by counting to it.

## 📚 Documentation

See [stimulus-animated-number documentation](https://www.stimulus-components.com/docs/stimulus-animated-number/).

## 👷‍♂️ Contributing

Do not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.

## 📝 License

This project is released under the [MIT](http://opensource.org/licenses/MIT) license.
npm package: @stimulus-components/auto-submit
Description: A Stimulus controller to auto-submit forms.
Author: Guillaume Briday
Latest version: 6.0.0

# Stimulus Auto Submit

[![](https://img.shields.io/npm/dt/stimulus-auto-submit.svg)](https://www.npmjs.com/package/stimulus-auto-submit)
[![](https://img.shields.io/npm/v/stimulus-auto-submit.svg)](https://www.npmjs.com/package/stimulus-auto-submit)
[![](https://github.com/stimulus-components/stimulus-auto-submit/workflows/Lint/badge.svg)](https://github.com/stimulus-components/stimulus-auto-submit)
[![](https://img.shields.io/github/license/stimulus-components/stimulus-auto-submit.svg)](https://github.com/stimulus-components/stimulus-auto-submit)

## Getting started

A Stimulus controller to autosubmit Rails forms.

## 📚 Documentation

See [stimulus-auto-submit documentation](https://stimulus-components.netlify.app/docs/components/stimulus-auto-submit/).

## 👷‍♂️ Contributing

Do not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.

## 📝 License

This project is released under the [MIT](http://opensource.org/licenses/MIT) license.
npm package: @stimulus-components/carousel
Description: A Stimulus controller to deal with carousel.
Author: Guillaume Briday
Latest version: 6.0.0

# Stimulus Carousel

[![](https://img.shields.io/npm/dt/stimulus-carousel.svg)](https://www.npmjs.com/package/stimulus-carousel)
[![](https://img.shields.io/npm/v/stimulus-carousel.svg)](https://www.npmjs.com/package/stimulus-carousel)
[![](https://github.com/stimulus-components/stimulus-carousel/workflows/Lint/badge.svg)](https://github.com/stimulus-components/stimulus-carousel)
[![](https://img.shields.io/github/license/stimulus-components/stimulus-carousel.svg)](https://github.com/stimulus-components/stimulus-carousel)

## Getting started

A Stimulus controller to deal with carousel.

## 📚 Documentation

See [stimulus-carousel documentation](https://www.stimulus-components.com/docs/stimulus-carousel/).

## 👷‍♂️ Contributing

Do not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.

## 📝 License

This project is released under the [MIT](http://opensource.org/licenses/MIT) license.
npm package: @stimulus-components/character-counter
Description: A Stimulus controller that counts the number of characters in any input fields.
Author: Guillaume Briday
Latest version: 5.1.0

# Stimulus Character Counter

## Getting started

A Stimulus controller that counts the number of characters in any input fields.

## 📚 Documentation

See [stimulus-character-counter documentation](https://www.stimulus-components.com/docs/stimulus-character-counter/).

## 👷‍♂️ Contributing

Do not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.

## 📝 License

This project is released under the [MIT](http://opensource.org/licenses/MIT) license.
npm package: @stimulus-components/chartjs
Description: A Stimulus controller to deal with chart.js.
Author: Guillaume Briday
Latest version: 6.0.1

# Stimulus Chartjs

## Getting started

A Stimulus controller to deal with chart.js.

## 📚 Documentation

See [stimulus-chartjs documentation](https://www.stimulus-components.com/docs/stimulus-chartjs/).

## 👷‍♂️ Contributing

Do not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.

## 📝 License

This project is released under the [MIT](http://opensource.org/licenses/MIT) license.
npm package: @stimulus-components/checkbox-select-all
Description: A Stimulus controller for managing checkbox lists.
Author: Guillaume Briday
Latest version: 6.1.0

# Stimulus Checkbox Select All

## Getting started

A Stimulus controller for managing checkbox lists.

## 📚 Documentation

See [stimulus-checkbox-select-all documentation](https://www.stimulus-components.com/docs/stimulus-checkbox-select-all/).

## 👷‍♂️ Contributing

Do not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.

## 📝 License

This project is released under the [MIT](http://opensource.org/licenses/MIT) license.
npm package: @stimulus-components/clipboard
Description: A Stimulus controller to copy text to clipboard.
Author: Guillaume Briday
Latest version: 5.0.0

# Stimulus Clipboard

[![](https://img.shields.io/npm/dt/stimulus-clipboard.svg)](https://www.npmjs.com/package/stimulus-clipboard)
[![](https://img.shields.io/npm/v/stimulus-clipboard.svg)](https://www.npmjs.com/package/stimulus-clipboard)
[![](https://github.com/stimulus-components/stimulus-clipboard/workflows/Lint/badge.svg)](https://github.com/stimulus-components/stimulus-clipboard)
[![](https://img.shields.io/github/license/stimulus-components/stimulus-clipboard.svg)](https://github.com/stimulus-components/stimulus-clipboard)

## Getting started

A Stimulus controller to copy text to clipboard.

## 📚 Documentation

See [stimulus-clipboard documentation](https://www.stimulus-components.com/docs/stimulus-clipboard/).

## 👷‍♂️ Contributing

Do not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.

## 📝 License

This project is released under the [MIT](http://opensource.org/licenses/MIT) license.
npm package: @stimulus-components/color-picker
Description: A Stimulus controller to create color picker.
Author: Guillaume Briday
Latest version: 2.0.0

# Stimulus Color Picker

[![](https://img.shields.io/npm/dt/stimulus-color-picker.svg)](https://www.npmjs.com/package/stimulus-color-picker)
[![](https://img.shields.io/npm/v/stimulus-color-picker.svg)](https://www.npmjs.com/package/stimulus-color-picker)
[![](https://github.com/stimulus-components/stimulus-color-picker/workflows/Lint/badge.svg)](https://github.com/stimulus-components/stimulus-color-picker)
[![](https://github.com/stimulus-components/stimulus-color-picker/workflows/Test/badge.svg)](https://github.com/stimulus-components/stimulus-color-picker)
[![](https://img.shields.io/github/license/stimulus-components/stimulus-color-picker.svg)](https://github.com/stimulus-components/stimulus-color-picker)

## Getting started

A Stimulus controller to create color picker.

## 📚 Documentation

See [stimulus-color-picker documentation](https://www.stimulus-components.com/docs/stimulus-color-picker/).

## 👷‍♂️ Contributing

Do not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.

## 📝 License

This project is released under the [MIT](http://opensource.org/licenses/MIT) license.
npm package: @stimulus-components/confirmation
Description: A Stimulus controller to confirm actions manually
Author: Guillaume Briday
Latest version: 1.0.1

# Stimulus Confirmation

## Getting started

A Stimulus controller to confirm actions manually.

## 📚 Documentation

See [stimulus-confirmation documentation](https://www.stimulus-components.com/docs/stimulus-confirmation/).

## 👷‍♂️ Contributing

Do not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.

## 📝 License

This project is released under the [MIT](http://opensource.org/licenses/MIT) license.
npm package: @stimulus-components/content-loader
Description: A Stimulus controller to asynchronously load HTML from an url.
Author: Guillaume Briday
Latest version: 5.0.0

# Stimulus Content Loader

[![](https://img.shields.io/npm/dt/stimulus-content-loader.svg)](https://www.npmjs.com/package/stimulus-content-loader)
[![](https://img.shields.io/npm/v/stimulus-content-loader.svg)](https://www.npmjs.com/package/stimulus-content-loader)
[![](https://github.com/stimulus-components/stimulus-content-loader/workflows/Lint/badge.svg)](https://github.com/stimulus-components/stimulus-content-loader)
[![](https://img.shields.io/github/license/stimulus-components/stimulus-content-loader.svg)](https://github.com/stimulus-components/stimulus-content-loader)

## Getting started

A Stimulus controller to asynchronously load HTML from an url.

## 📚 Documentation

See [stimulus-content-loader documentation](https://www.stimulus-components.com/docs/stimulus-content-loader/).

## 👷‍♂️ Contributing

Do not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.

## 📝 License

This project is released under the [MIT](http://opensource.org/licenses/MIT) license.
npm package: @stimulus-components/dialog
Description: A Stimulus controller to show modals with the native Dialog element.
Author: Guillaume Briday
Latest version: 1.0.1

# Stimulus Dialog

[![](https://img.shields.io/npm/dt/@stimulus-components/dialog.svg)](https://www.npmjs.com/package/@stimulus-components/dialog)
[![](https://img.shields.io/npm/v/@stimulus-components/dialog.svg)](https://www.npmjs.com/package/@stimulus-components/dialog)
[![](https://github.com/stimulus-components/stimulus-dialog/workflows/Lint/badge.svg)](https://github.com/stimulus-components/stimulus-dialog)
[![](https://img.shields.io/github/license/stimulus-components/stimulus-dialog.svg)](https://github.com/stimulus-components/stimulus-dialog)

## Getting started

A Stimulus controller to show modals with the native Dialog element.

## 📚 Documentation

See [stimulus-dialog documentation](https://www.stimulus-components.com/docs/stimulus-dialog/).

## 👷‍♂️ Contributing

Do not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.

## 📝 License

This project is released under the [MIT](http://opensource.org/licenses/MIT) license.
npm package: @stimulus-components/dropdown
Description: A Stimulus controller to create a dropdown.
Author: Guillaume Briday
Latest version: 3.0.0

# Stimulus Dropdown

[![](https://img.shields.io/npm/dt/stimulus-dropdown.svg)](https://www.npmjs.com/package/stimulus-dropdown)
[![](https://img.shields.io/npm/v/stimulus-dropdown.svg)](https://www.npmjs.com/package/stimulus-dropdown)
[![](https://github.com/stimulus-components/stimulus-dropdown/workflows/Lint/badge.svg)](https://github.com/stimulus-components/stimulus-dropdown)
[![](https://img.shields.io/github/license/stimulus-components/stimulus-dropdown.svg)](https://github.com/stimulus-components/stimulus-dropdown)

## Getting started

A Stimulus controller to create a dropdown.

## 📚 Documentation

See [stimulus-dropdown documentation](https://www.stimulus-components.com/docs/stimulus-dropdown/).

## 👷‍♂️ Contributing

Do not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.

## 📝 License

This project is released under the [MIT](http://opensource.org/licenses/MIT) license.
npm package: @stimulus-components/hotkey
Description: A Stimulus controller that triggers click or focus on the element when a keyboard shortcut is pressed.
Author: Guillaume Briday
Latest version: 1.0.0

# Stimulus Hotkey

## Getting started

A Stimulus controller to trigger click or focus on the element when a keyboard shortcut is pressed. Based on [Basecamp's fizzy hotkey controller](https://github.com/basecamp/fizzy/blob/main/app/javascript/controllers/hotkey_controller.js).

Bind key events in HTML with Stimulus actions (e.g. `keydown.enter@document->hotkey#click` or `keydown.enter@document->hotkey#focus`). The controller ignores key presses when the event target is inside an `input`, `textarea`, or `lexxy-editor`, so users can type normally in form fields.

## 📚 Documentation

See [stimulus-hotkey documentation](https://www.stimulus-components.com/docs/stimulus-hotkey/).

## 👷‍♂️ Contributing

Do not hesitate to contribute to the project by adapting or adding features! Bug reports or pull requests are welcome.

## 📝 License

This project is released under the [MIT](http://opensource.org/licenses/MIT) license.
npm package: @stimulus-components/lightbox
Description: A Stimulus controller to add a lightbox on images.
Author: Guillaume Briday
Latest version: 4.0.0

# Stimulus Lightbox

[![](https://img.shields.io/npm/dt/stimulus-lightbox.svg)](https://www.npmjs.com/package/stimulus-lightbox)
[![](https://img.shields.io/npm/v/stimulus-lightbox.svg)](https://www.npmjs.com/package/stimulus-lightbox)
[![](https://github.com/stimulus-components/stimulus-lightbox/workflows/Lint/badge.svg)](https://github.com/stimulus-components/stimulus-lightbox)
[![](https://img.shields.io/github/license/stimulus-components/stimulus-lightbox.svg)](https://github.com/stimulus-components/stimulus-lightbox)

## Getting started

A Stimulus controller to add a lightbox on images.

## 📚 Documentation

See [stimulus-lightbox documentation](https://www.stimulus-components.com/docs/stimulus-lightbox/).

## 👷‍♂️ Contributing

Do not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.

## 📝 License

This project is released under the [MIT](http://opensource.org/licenses/MIT) license.
npm package: @stimulus-components/notification
Description: A Stimulus controller for showing notifications.
Author: Guillaume Briday
Latest version: 3.0.0

# Stimulus Notification

[![](https://img.shields.io/npm/dt/stimulus-notification.svg)](https://www.npmjs.com/package/stimulus-notification)
[![](https://img.shields.io/npm/v/stimulus-notification.svg)](https://www.npmjs.com/package/stimulus-notification)
[![](https://github.com/stimulus-components/stimulus-notification/workflows/Lint/badge.svg)](https://github.com/stimulus-components/stimulus-notification)
[![](https://img.shields.io/github/license/stimulus-components/stimulus-notification.svg)](https://github.com/stimulus-components/stimulus-notification)

## Getting started

A Stimulus controller for showing notifications.

## 📚 Documentation

See [stimulus-notification documentation](https://www.stimulus-components.com/docs/stimulus-notification/).

## 👷‍♂️ Contributing

Do not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.

## 📝 License

This project is released under the [MIT](http://opensource.org/licenses/MIT) license.
npm package: @stimulus-components/password-visibility
Description: A Stimulus controller to change a password input visibility.
Author: Guillaume Briday
Latest version: 3.0.0

# Stimulus Password Visibility

[![](https://img.shields.io/npm/dt/stimulus-password-visibility.svg)](https://www.npmjs.com/package/stimulus-password-visibility)
[![](https://img.shields.io/npm/v/stimulus-password-visibility.svg)](https://www.npmjs.com/package/stimulus-password-visibility)
[![](https://github.com/stimulus-components/stimulus-password-visibility/workflows/Lint/badge.svg)](https://github.com/stimulus-components/stimulus-password-visibility)
[![](https://github.com/stimulus-components/stimulus-password-visibility/workflows/Test/badge.svg)](https://github.com/stimulus-components/stimulus-password-visibility)
[![](https://img.shields.io/github/license/stimulus-components/stimulus-password-visibility.svg)](https://github.com/stimulus-components/stimulus-password-visibility)

## Getting started

A Stimulus controller to change a password input visibility.

## 📚 Documentation

See [stimulus-password-visibility documentation](https://www.stimulus-components.com/docs/stimulus-password-visibility/).

## 👷‍♂️ Contributing

Do not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.

## 📝 License

This project is released under the [MIT](http://opensource.org/licenses/MIT) license.
npm package: @stimulus-components/popover
Description: A Stimulus controller to deal with HTML popover.
Author: Guillaume Briday
Latest version: 7.0.0

# Stimulus Popover

[![](https://img.shields.io/npm/dt/stimulus-popover.svg)](https://www.npmjs.com/package/stimulus-popover)
[![](https://img.shields.io/npm/v/stimulus-popover.svg)](https://www.npmjs.com/package/stimulus-popover)
[![](https://github.com/stimulus-components/stimulus-popover/workflows/Lint/badge.svg)](https://github.com/stimulus-components/stimulus-popover)
[![](https://img.shields.io/github/license/stimulus-components/stimulus-popover.svg)](https://github.com/stimulus-components/stimulus-popover)

## Getting started

A Stimulus controller to deal with HTML popover.

## 📚 Documentation

See [stimulus-popover documentation](https://www.stimulus-components.com/docs/stimulus-popover/).

## 👷‍♂️ Contributing

Do not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.

## 📝 License

This project is released under the [MIT](http://opensource.org/licenses/MIT) license.
npm package: @stimulus-components/prefetch
Description: A Stimulus controller that prefetch in-viewport links.
Author: Guillaume Briday
Latest version: 4.0.0

# Stimulus Prefetch

[![](https://img.shields.io/npm/dt/stimulus-prefetch.svg)](https://www.npmjs.com/package/stimulus-prefetch)
[![](https://img.shields.io/npm/v/stimulus-prefetch.svg)](https://www.npmjs.com/package/stimulus-prefetch)
[![](https://github.com/stimulus-components/stimulus-prefetch/workflows/Lint/badge.svg)](https://github.com/stimulus-components/stimulus-prefetch)
[![](https://img.shields.io/github/license/stimulus-components/stimulus-prefetch.svg)](https://github.com/stimulus-components/stimulus-prefetch)

## Getting started

A Stimulus controller that prefetch in-viewport links.

## 📚 Documentation

See [stimulus-prefetch documentation](https://www.stimulus-components.com/docs/stimulus-prefetch/).

## 👷‍♂️ Contributing

Do not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.

## 📝 License

This project is released under the [MIT](http://opensource.org/licenses/MIT) license.
npm package: @stimulus-components/rails-nested-form
Description: A Stimulus controller to create new fields on the fly to populate your Rails relationship.
Author: Guillaume Briday
Latest version: 5.0.0

# Stimulus Rails Nested Form

[![](https://img.shields.io/npm/dt/stimulus-rails-nested-form.svg)](https://www.npmjs.com/package/stimulus-rails-nested-form)
[![](https://img.shields.io/npm/v/stimulus-rails-nested-form.svg)](https://www.npmjs.com/package/stimulus-rails-nested-form)
[![](https://github.com/stimulus-components/stimulus-rails-nested-form/workflows/Lint/badge.svg)](https://github.com/stimulus-components/stimulus-rails-nested-form)
[![](https://github.com/stimulus-components/stimulus-rails-nested-form/workflows/Test/badge.svg)](https://github.com/stimulus-components/stimulus-rails-nested-form)
[![](https://img.shields.io/github/license/stimulus-components/stimulus-rails-nested-form.svg)](https://github.com/stimulus-components/stimulus-rails-nested-form)

## Getting started

A Stimulus controller to create new fields on the fly to populate your Rails relationship with `accepts_nested_attributes_for`.

## 📚 Documentation

See [stimulus-rails-nested-form documentation](https://www.stimulus-components.com/docs/stimulus-rails-nested-form/).

## 👷‍♂️ Contributing

Do not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.

## 📝 License

This project is released under the [MIT](http://opensource.org/licenses/MIT) license.
npm package: @stimulus-components/read-more
Description: A Stimulus controller to show more or less text.
Author: Guillaume Briday
Latest version: 5.0.0

# Stimulus Read More

[![](https://img.shields.io/npm/dt/stimulus-read-more.svg)](https://www.npmjs.com/package/stimulus-read-more)
[![](https://img.shields.io/npm/v/stimulus-read-more.svg)](https://www.npmjs.com/package/stimulus-read-more)
[![](https://github.com/stimulus-components/stimulus-read-more/workflows/Lint/badge.svg)](https://github.com/stimulus-components/stimulus-read-more)
[![](https://img.shields.io/github/license/stimulus-components/stimulus-read-more.svg)](https://github.com/stimulus-components/stimulus-read-more)

## Getting started

A Stimulus controller to show more or less text.

## 📚 Documentation

See [stimulus-read-more documentation](https://www.stimulus-components.com/docs/stimulus-read-more/).

## 👷‍♂️ Contributing

Do not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.

## 📝 License

This project is released under the [MIT](http://opensource.org/licenses/MIT) license.
npm package: @stimulus-components/remote-rails
Description: A Stimulus controller to handle Rails UJS events.
Author: Guillaume Briday
Latest version: 5.0.0

# Stimulus Remote Rails

[![](https://img.shields.io/npm/dt/stimulus-remote-rails.svg)](https://www.npmjs.com/package/stimulus-remote-rails)
[![](https://img.shields.io/npm/v/stimulus-remote-rails.svg)](https://www.npmjs.com/package/stimulus-remote-rails)
[![](https://github.com/stimulus-components/stimulus-remote-rails/workflows/Lint/badge.svg)](https://github.com/stimulus-components/stimulus-remote-rails)
[![](https://img.shields.io/github/license/stimulus-components/stimulus-remote-rails.svg)](https://github.com/stimulus-components/stimulus-remote-rails)

## Getting started

A Stimulus controller to handle [Rails UJS events](https://guides.rubyonrails.org/working_with_javascript_in_rails.html#rails-ujs-event-handlers).

## 📚 Documentation

See [stimulus-remote-rails documentation](https://www.stimulus-components.com/docs/stimulus-remote-rails/).

## 👷‍♂️ Contributing

Do not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.

## 📝 License

This project is released under the [MIT](http://opensource.org/licenses/MIT) license.
npm package: @stimulus-components/reveal
Description: A Stimulus controller to toggle a class on one or multiple items to show or hide them.
Author: Guillaume Briday
Latest version: 5.0.0

# Stimulus Reveal Controller

[![](https://img.shields.io/npm/dt/stimulus-reveal-controller.svg)](https://www.npmjs.com/package/stimulus-reveal-controller)
[![](https://img.shields.io/npm/v/stimulus-reveal-controller.svg)](https://www.npmjs.com/package/stimulus-reveal-controller)
[![](https://github.com/stimulus-components/stimulus-reveal-controller/workflows/Lint/badge.svg)](https://github.com/stimulus-components/stimulus-reveal-controller)
[![](https://github.com/stimulus-components/stimulus-reveal-controller/workflows/Test/badge.svg)](https://github.com/stimulus-components/stimulus-reveal-controller)
[![](https://img.shields.io/github/license/stimulus-components/stimulus-reveal-controller.svg)](https://github.com/stimulus-components/stimulus-reveal-controller)

## Getting started

A Stimulus controller to toggle a class on one or multiple items to show or hide them.

## 📚 Documentation

See [stimulus-reveal-controller documentation](https://www.stimulus-components.com/docs/stimulus-reveal-controller/).

## 👷‍♂️ Contributing

Do not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.

## 📝 License

This project is released under the [MIT](http://opensource.org/licenses/MIT) license.
npm package: @stimulus-components/scroll-progress
Description: A Stimulus controller to add a progress bar when scrolling.
Author: Guillaume Briday
Latest version: 5.0.0

# Stimulus Scroll Progress

[![](https://img.shields.io/npm/dt/stimulus-scroll-progress.svg)](https://www.npmjs.com/package/stimulus-scroll-progress)
[![](https://img.shields.io/npm/v/stimulus-scroll-progress.svg)](https://www.npmjs.com/package/stimulus-scroll-progress)
[![](https://github.com/stimulus-components/stimulus-scroll-progress/workflows/Lint/badge.svg)](https://github.com/stimulus-components/stimulus-scroll-progress)
[![](https://img.shields.io/github/license/stimulus-components/stimulus-scroll-progress.svg)](https://github.com/stimulus-components/stimulus-scroll-progress)

## Getting started

A Stimulus controller to add a progress bar when scrolling.

## 📚 Documentation

See [stimulus-scroll-progress documentation](https://www.stimulus-components.com/docs/stimulus-scroll-progress/).

## 👷‍♂️ Contributing

Do not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.

## 📝 License

This project is released under the [MIT](http://opensource.org/licenses/MIT) license.
npm package: @stimulus-components/scroll-reveal
Description: A Stimulus controller that animates an element when it becomes visible.
Author: Guillaume Briday
Latest version: 4.0.0

# Stimulus Scroll Reveal

[![](https://img.shields.io/npm/dt/stimulus-scroll-reveal.svg)](https://www.npmjs.com/package/stimulus-scroll-reveal)
[![](https://img.shields.io/npm/v/stimulus-scroll-reveal.svg)](https://www.npmjs.com/package/stimulus-scroll-reveal)
[![](https://github.com/stimulus-components/stimulus-scroll-reveal/workflows/Lint/badge.svg)](https://github.com/stimulus-components/stimulus-scroll-reveal)
[![](https://github.com/stimulus-components/stimulus-scroll-reveal/workflows/Test/badge.svg)](https://github.com/stimulus-components/stimulus-scroll-reveal)
[![](https://img.shields.io/github/license/stimulus-components/stimulus-scroll-reveal.svg)](https://github.com/stimulus-components/stimulus-scroll-reveal)

## Getting started

A Stimulus controller that animates an element when it becomes visible.

## 📚 Documentation

See [stimulus-scroll-reveal documentation](https://www.stimulus-components.com/docs/stimulus-scroll-reveal/).

## 👷‍♂️ Contributing

Do not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.

## 📝 License

This project is released under the [MIT](http://opensource.org/licenses/MIT) license.
npm package: @stimulus-components/scroll-to
Description: A Stimulus controller to scroll to elements.
Author: Guillaume Briday
Latest version: 5.0.1

# Stimulus ScrollTo

[![](https://img.shields.io/npm/dt/stimulus-scroll-to.svg)](https://www.npmjs.com/package/stimulus-scroll-to)
[![](https://img.shields.io/npm/v/stimulus-scroll-to.svg)](https://www.npmjs.com/package/stimulus-scroll-to)
[![](https://github.com/stimulus-components/stimulus-scroll-to/workflows/Lint/badge.svg)](https://github.com/stimulus-components/stimulus-scroll-to)
[![](https://img.shields.io/github/license/stimulus-components/stimulus-scroll-to.svg)](https://github.com/stimulus-components/stimulus-scroll-to)

## Getting started

A Stimulus controller to scroll to elements.

## 📚 Documentation

See [stimulus-scroll-to documentation](https://www.stimulus-components.com/docs/stimulus-scroll-to/).

## 👷‍♂️ Contributing

Do not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.

## 📝 License

This project is released under the [MIT](http://opensource.org/licenses/MIT) license.
npm package: @stimulus-components/sortable
Description: A Stimulus controller to reorder lists with drag-and-drop.
Author: Guillaume Briday
Latest version: 5.0.3

# Stimulus Sortable

## Getting started

A Stimulus controller to reorder lists with drag-and-drop.

## 📚 Documentation

See [stimulus-sortable documentation](https://www.stimulus-components.com/docs/stimulus-sortable/).

## 👷‍♂️ Contributing

Do not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.

## 📝 License

This project is released under the [MIT](http://opensource.org/licenses/MIT) license.
npm package: @stimulus-components/sound
Description: A Stimulus Controller to play and control sound.
Author: Guillaume Briday
Latest version: 2.0.1

# Stimulus Sound

[![](https://img.shields.io/npm/dt/stimulus-sound.svg)](https://www.npmjs.com/package/stimulus-sound)
[![](https://img.shields.io/npm/v/stimulus-sound.svg)](https://www.npmjs.com/package/stimulus-sound)
[![](https://github.com/stimulus-components/stimulus-sound/workflows/Lint/badge.svg)](https://github.com/stimulus-components/stimulus-sound)
[![](https://img.shields.io/github/license/stimulus-components/stimulus-sound.svg)](https://github.com/stimulus-components/stimulus-sound)

## Getting started

## 📚 Documentation

See [stimulus-sound documentation](https://www.stimulus-components.com/docs/stimulus-sound/).

## 👷‍♂️ Contributing

Do not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.

## 📝 License

This project is released under the [MIT](http://opensource.org/licenses/MIT) license.
npm package: @stimulus-components/speech-recognition
Description: A Stimulus controller that uses the Web Speech API to capture speech and fill an input or element.
Author: Guillaume Briday
Latest version: 1.0.0

# Stimulus Speech Recognition

## Getting started

A Stimulus controller that uses the Web Speech API to capture speech and fill an input or element.

## 📚 Documentation

See [stimulus-speech-recognition documentation](https://www.stimulus-components.com/docs/stimulus-speech-recognition/).

## 👷‍♂️ Contributing

Do not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.

## 📝 License

This project is released under the [MIT](http://opensource.org/licenses/MIT) license.
npm package: @stimulus-components/timeago
Description: A Stimulus controller that returns the distance between the given date and now in words.
Author: Guillaume Briday
Latest version: 5.0.2

# Stimulus Timeago

## Getting started

A Stimulus controller that returns the distance between the given date and now in words.

## 📚 Documentation

See [stimulus-timeago documentation](https://www.stimulus-components.com/docs/stimulus-timeago/).

## 👷‍♂️ Contributing

Do not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.

## 📝 License

This project is released under the [MIT](http://opensource.org/licenses/MIT) license.
npm package: @stimulus/polyfills
Description: Polyfills to support Stimulus in older browsers
Author: Basecamp, LLC
Latest version: 2.0.0

The `@stimulus/polyfills` package provides support for Stimulus in older browsers like Internet Explorer 11 and Safari 9.

* [core-js](https://www.npmjs.com/package/core-js)
  * `Array.find()`
  * `Array.findIndex()`
  * `Array.from()`
  * `Map`
  * `Object.assign()`
  * `Promise`
  * `Set`
* [element-closest](https://www.npmjs.com/package/element-closest)
  * `Element.closest()`
* [mutation-observer-inner-html-shim](https://www.npmjs.com/package/mutation-observer-inner-html-shim)
  * `MutationObserver` support for Internet Explorer 11
* [eventlistener-polyfill](https://github.com/github/eventlistener-polyfill)
  * once & passive support for Internet Explorer 11 & Edge
npm package: @stimulus_reflex/activity
Description: Simple activity indicator for StimulusReflex (for Turbo/Turbolinks-enabled applications)
Author: StimulusReflex
Latest version: 1.0.1


# StimulusReflex Activity Indicator

Uses the Turbo(links) progress bar to display activity while morphing.



https://user-images.githubusercontent.com/4352208/126767394-e0fcefb5-3ac4-484e-bec2-c585e8f5bbc7.mp4




## Installation

Install my-project with npm

```bash
$ yarn add @stimulus_reflex/activity  
```

In your (for example) `app/javascripts/packs/application.js` do:
```javascript
import "@stimulus_reflex/activity"
```    

## Usage/Examples

The progress indicator is opt-in on a per-element basis. To activate it, add `data-reflex-display-progress` to your reflex element's dataset:

```html
<button data-reflex="click->Filter#filter" data-reflex-display-progress />
```
  
## Authors

- [@julianrubisch](https://www.github.com/julianrubisch)

  
## License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @stimulus_reflex/polyfills
Description: Polyfills to support StimulusReflex in older browsers
Author: Nathan Hopkins
Latest version: 3.4.0

# Polyfills for StimulusReflex

### Description

The `@stimulus_reflex/polyfills` package provides support for StimulusReflex and CableReady in older browsers like Internet Explorer 11.

### Usage

To include the polyfills you just have to import the package. Typically you want to import it in `app/javascript/packs/application.js`.

```javascript
// app/javascript/packs/application.js

import '@stimulus_reflex/polyfills'
import 'controllers'

// ...
```

If you have an existing import for `@stimulus/polyfills` you can safely remove it. The `@stimulus/polyfills` package is included with `@stimulus_reflex/polyfills`.


```diff
-import '@stimulus/polyfills'
+import '@stimulus_reflex/polyfills'
```


### Details

This repository contains a few polyfills itself and bundles up polyfills from other packages. The following list shows the included polyfills and where they are coming from:

#### Polyfills included/imported in this package

* Custom
  * [`NodeList.forEach()`](https://developer.mozilla.org/en-US/docs/Web/API/NodeList/forEach#Polyfill)

* [core-js](https://www.npmjs.com/package/core-js)
  * `String.startsWith()`
  * `String.includes()`

#### Polyfills imported from `@stimulus/polyfills`

* [core-js](https://www.npmjs.com/package/core-js)
  * `Array.find()`
  * `Array.findIndex()`
  * `Array.from()`
  * `Map`
  * `Object.assign()`
  * `Promise`
  * `Reflect.deleteProperty()`
  * `Set`
* [element-closest](https://www.npmjs.com/package/element-closest)
  * `Element.closest()`
* [mutation-observer-inner-html-shim](https://www.npmjs.com/package/mutation-observer-inner-html-shim)
  * `MutationObserver` support for Internet Explorer 11
* [eventlistener-polyfill](https://github.com/github/eventlistener-polyfill)
  * once & passive support for Internet Explorer 11 & Edge

#### Polyfills imported from `@cable_ready/polyfills`

* [`CustomEvent`](https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent#Polyfill)

* [core-js](https://www.npmjs.com/package/core-js)
  * `Array.flat()`
  * `Array.forEach()`
  * `Array.from()`
  * `Array.includes()`
  * `Object.entries()`
  * `Promise`

* [`<template>`](https://www.npmjs.com/package/@webcomponents/template)

#### Polyfills imported from `formdata-polyfill`
* [`FormData`](https://www.npmjs.com/package/formdata-polyfill)
npm package: @stingerloom/core
Description: **StingerLoom** is a Server Framework for Node.js. StingerLoom is built on top of the Fastify framework and provides a set of tools and utilities to help you build your server applications.
Author: biud436
Latest version: 1.1.0

# Introduction

**StingerLoom** is a Server Framework for Node.js. StingerLoom is built on top of the Fastify framework and provides a set of tools and utilities to help you build your server applications.

<p align="center"> 
<img src="https://github.com/user-attachments/assets/77a2f5e0-69b5-43d2-bc43-ab9bde52cc5b">
</p>

## Installation

```bash
npm install @stingerloom/core
```
npm package: @stingydev/kapseli
Description: This project is redesigned to update the aim of the project. You can see details for new design at [Wiki Page](https://github.com/Swindler36/Kapseli-UI-Framework/wiki).
Author: stingydev
Latest version: 1.0.12

<p align="center">
    <img src="./kapseli-logo.png" alt="kapseli-logo" height="100"><br>
</p>
<h1 align="center">Kapseli UI Framework</h1>

![Code Size](https://badgen.net/badgesize/normal/Swindler36/Kapseli-UI-Framework/master/dist/js/bundle.js?style=flat-square&label=size&color=47BB77&labelColor=000)
![License](https://badgen.net/badge/license/MIT/blue?style=flat-square&color=47BB77&labelColor=000)
[![NPM Version](https://img.shields.io/npm/v/@stingydev/kapseli?style=flat-square&color=47BB77&labelColor=000)](https://www.npmjs.com/package/@stingydev/kapseli)
![Stars](https://badgen.net/github/stars/Swindler36/Kapseli-UI-Framework?style=flat-square&color=47BB77&labelColor=000)
![Forks](https://badgen.net/github/forks/Swindler36/Kapseli-UI-Framework?style=flat-square&color=47BB77&labelColor=000)
![Issues](https://badgen.net/github/issues/Swindler36/Kapseli-UI-Framework?style=flat-square&color=47BB77&labelColor=000)

A UI Framework for creating a SPA dashboard application.

## Roadmap

Plan Jamboards => [View Jamboard](https://jamboard.google.com/d/1hunm6IeiJexXnuW9XgFz2l-y8iPIZjfIvvYyiBjaRAU/edit?usp=sharing)

- [x] Fixing data-bind issues on rendering
- [ ] Backbone for render engine
- [ ] Firebase Implementation for storage engine
- [ ] Create an Drag-Drop Implemetation Plugin with [interact.js](https://interactjs.io/)

## Features

### Low Level API

Kapseli enables its low-level api to modify and extend. It has large scale Event-Listen-Network. You can use and listen all events thanks of this API.

### Extendible Structure

Thanks of Low Level API of Kapseli, you can extend, even overwrite, its core functionality.

### Various UI Packages

Aren't you designer? Don't worry. Our plugin repository is rich. There are premium and free packages. If you want complicated and easy to use components, try premium packages. We will continue release new UI packages. Be patient.

### Auto Form AJAX

Kapseli has a connection with its storage manager to store form data automatically when the form is submitted. With this feature, collect data is pie.

### Built-in Route System

Kapseli has built-in auto init router. Only register your pages. Routing is the task of Kapseli. Don't worry!

### Customizable HTML Render Engine

Kapseli has its own HTML Render Engine. No dependency! This engine is powered by Event-Listen-Network of Kapseli. You can customize it by using this network and the loew level API.

## To install

```bash
npm i @stingydev/kapseli
```

## Sponsors

![browserstack](./sponsors/browserstack.jpeg)

## Support

<a href="https://www.buymeacoffee.com/stingydev" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" width="200px"></a>
npm package: @stinkstudios/cf-auth
Description: Module to password protect CloudFront distributions
Author: Patrick Arminio
Latest version: 1.7.0

# @stinkstudios/cf-auth

[![Main Workflow][workflow-img]][workflow-url] [![NPM version][npm-img]][npm-url] [![Downloads][downloads-img]][npm-url] [![Known Vulnerabilities][snyk-img]][snyk-url] [![MIT license][mit-img]][mit-url]

# CloudFront Authentication Library

This package has been created to facilitate the creation of lambda@edge function that will
be used to password protect CloudFront distributions.

## Installation

```bash
yarn add @stinkstudios/cf-auth # TODO: name might change
```

## Usage

```js
const cfAuth = require('@stinkstudios/cf-auth').default;

exports.handler = (event, context, callback) =>
  cfAuth(
    {
      validCredentails: [
        {
          username: 'my-name',
          password: 'good password',
        },
      ],
      whitelistedIPs: ['127.0.0.1'],
    },
    event,
    callback
  );
```

## Configuration

### Credentials

You can pass a list of allowed credentials in the configuration:

```json
{
  "validCredentails": [
    {
      "username": "my-name",
      "password": "good password"
    }
  ]
}
```

### Distributions

You can pass a list of distributions where the authentication is required,
by default the list is undefined, so the authentication is added to all the
distributions.

```json
{
  "enabledDistributions": ["EDFDVBD6EXAMPLE"]
}
```

### Whitelisted IPS

You can pass a list of IPs that won't be asked for the authentication.

```json
{
  "whitelistedIPs": ["127.0.0.1"]
}
```

[downloads-img]: https://img.shields.io/npm/dm/@stinkstudios/cf-auth.svg?style=flat-square
[npm-img]: https://img.shields.io/npm/v/@stinkstudios/cf-auth.svg?style=flat-square
[npm-url]: https://npmjs.org/package/@stinkstudios/cf-auth
[snyk-img]: https://snyk.io/test/github/Stinkstudios/npm-packages/badge.svg?targetFile=packages%2Fcloudfront-auth%2Fpackage.json
[snyk-url]: https://snyk.io/test/github/Stinkstudios/npm-packages?targetFile=packages%2Fcloudfront-auth%2Fpackage.json
[mit-img]: http://img.shields.io/badge/license-MIT-brightgreen.svg
[mit-url]: http://opensource.org/licenses/MIT
[workflow-img]: https://github.com/stinkstudios/npm-packages/workflows/Main/badge.svg?branch=master
[workflow-url]: https://github.com/Stinkstudios/npm-packages/actions?query=workflow%3AMain
npm package: @stinum/ui
Description: Stinum | Набор React-компонентов
Latest version: 1.0.9

## Требования
1. Nodejs >= 14
2. Yarn >= 1.22.5

## Разработка
1. Склонировать репозиторий и перейти в созданную директорию.
2. Установить зависимости: `yarn install`.
3. Поднять локально документацию с лайврелоадом: `yarn styleguide`.

Документация будет доступна на `http://localhost:6060`. В ней ведётся вся разработка. Для удобства можно сразу перейти на страницу разрабатываемого компонента (`http://localhost:6060/#!/PanelHeader`)

## Чеклист для компонента

### Организационные моменты
* Компонент находится в своей папке в `src/components` и не делит её с другими публичными компонентами (один файл — один компонент)
* У компонента есть понятная документация, описанная в директории компонента в файле `Readme.md`. Файл подключается в `styleguide/config.js`
* Вся стилизация — в соответствующем `.css` файле. Файл подключается в `src/styles/styles.css`

### Требования к разработке

* CSS-классы компонента передаем через `stinumuiClass="Hello"`
* Свойства `className` и `style` навешиваются на корневой элемент компонента
* Свойства, не используемые в коде компонента, навешиваются на **главный** элемент компонента. По умолчанию главным является корневой элемент:
```jsx
props => <div {...props} stinumuiClass="Component" />
```
npm package: @stitch-money/client
Description: JavaScript package for the Stitch SDK
Latest version: 3.10.0

# @stitch-money/client

A JavaScript client-side package for accepting digital wallet payments powered by [Stitch Money](https://stitch.money/).

# Install

```bash
npm install @stitch-money/client
```

# Usage

The SDK provides functionality for determining supported wallet payment methods and exports `onClick` event handler functions for verifying and creating payments with Apple Pay, Samsung Pay or Google Pay.

For more information, contact [Stitch](https://stitch.money/contact)

# License

The @stitch-money/client package is open source and available under the MIT license. See the [LICENSE](https://github.com/Stitch-Money/stitch-js/blob/main/LICENSE) file for more information.
npm package: @stitch-money/node
Description: Node.js SDK for digital wallet payments powered by Stitch
Author: Stitch Money
Latest version: 1.4.0

# stitch-node

A Node.js SDK for accepting digital wallet payments powered by [Stitch Money](https://stitch.money/).

# Install

```bash
npm install @stitch-money/node
```

# Usage

This package is to be used in conjunction with [@stitch-money/react](https://www.npmjs.com/package/@stitch-money/react)

Import the package on your server:

```
import { init, type StitchTransaction } from "@stitch-money/node";

const walletPayClient = init(clientId, applePayMerchantId, secret);
```

and use it to connect to the Stitch Payments API.

For more information, [get in touch with Stitch](https://stitch.money/contact)

# License

The Stitch Node.js SDK is open source and available under the MIT license. See the [LICENSE](https://github.com/Stitch-Money/stitch-node/blob/main/LICENSE) file for more information.
npm package: @stitch-money/react
Description: React Stitch SDK components
Latest version: 3.5.0

# @stitch-money/react

A React package for accepting digital wallet payments powered by [Stitch Money](https://stitch.money/).

# Install

```bash
npm install @stitch-money/react
```

# Usage

This package can be used in conjunction with [@stitch-money/node](https://www.npmjs.com/package/@stitch-money/node) on your backend.

The package exports a base `PayWithWalletButton` component that can be used to create payment buttons for Apple Pay, Samsung Pay or Google Pay.

For more information, contact [Stitch](https://stitch.money/contact)

# License

The @stitch-money/react package is open source and available under the MIT license. See the [LICENSE](https://github.com/Stitch-Money/stitch-js/blob/main/LICENSE) file for more information.
npm package: @stitch-ui/react
Description: A component library demo using Stitches and Radix
Author: smurphdev
Latest version: 1.0.1

# Getting Started

This library uses [Stitches](https://stitches.dev/docs/introduction) and [Radix Colors](https://www.radix-ui.com/docs/colors/palette-composition/the-scales) for styling and theming.

The theme is included in the library. This is still a work in progress and support for extending and customising themes will be added later.

### Example import

```javascript
import { Button } from '@stitch-ui/react';
```

To get started, view the [docs](https:/main--618286c4f81e0e004ab0373c.chromatic.com).

## Available Scripts

In the project directory, you can run:

### `yarn storybook`

Runs storybook.  
Open [http://localhost:6006](http://localhost:6006) to view it in the browser.
npm package: @stitch007/eslint-config-react-ts
Description: 安装依赖
Author: stitch007
Latest version: 0.1.0

# @stitch007/eslint-config-react-ts

## 使用

安装依赖

```shell
# npm i -D @stitch007/eslint-config-react-ts
# yarn add -D @stitch007/eslint-config-react-ts
pnpm i -D @stitch007/eslint-config-react-ts
```

配置文件

```javascript
// .eslintrc.js
module.exports = {
  extends: ['@stitch007/eslint-config-react-ts'],
}
```
npm package: @stitch007/eslint-config-ts
Description: 安装依赖
Author: stitch007
Latest version: 0.1.3

# @stitch007/eslint-config-ts

## 使用

安装依赖

```shell
# npm i -D @stitch007/eslint-config-ts
# yarn add -D @stitch007/eslint-config-ts
pnpm i -D @stitch007/eslint-config-ts
```

配置文件

```javascript
// .eslintrc.js
module.exports = {
  extends: ['@stitch007/eslint-config-ts'],
}
```