tailwindcss-stimulus-components

A set of StimulusJS components for TailwindCSS apps similar to Bootstrap JS components. (by excid3)

Tailwindcss-stimulus-components Alternatives

Similar projects and alternatives to tailwindcss-stimulus-components

excid3
tailwindcss-stimulus-components
  1. Bootstrap

    The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

  2. CodeRabbit

    CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

    CodeRabbit logo
  3. daisyui

    ๐ŸŒผ ๐ŸŒผ ๐ŸŒผ ๐ŸŒผ ๐ŸŒผ โ€ƒThe most popular, free and open-source Tailwind CSS component library

  4. Stimulus

    A modest JavaScript framework for the HTML you already have

  5. hotwire-rails

    Discontinued Use Hotwire in your Ruby on Rails app

  6. railsdevs.com

    The reverse job board for Ruby on Rails developers.

  7. jsbundling-rails

    Bundle and transpile JavaScript in Rails with esbuild, rollup.js, bun, or Webpack.

  8. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
  9. stimulus_reflex

    Build reactive applications with the Rails tooling you already know and love.

  10. trix

    A rich text editor for everyday writing

  11. cssbundling-rails

    Bundle and process CSS in Rails with Tailwind, PostCSS, and Sass via Node.js.

  12. bootstrap.native

    Bootstrap components build with Typescript

  13. iro.js

    ๐ŸŽจ Modular color picker widget for JavaScript, with support for a bunch of color formats

  14. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a better tailwindcss-stimulus-components alternative or higher similarity.

tailwindcss-stimulus-components discussion

Log in or Post with

tailwindcss-stimulus-components reviews and mentions

Posts with mentions or reviews of tailwindcss-stimulus-components. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-06-04.
  • Tailwind UI, JS and Rails
    2 projects | /r/rails | 4 Jun 2022
    My question is I have seen tailwindcss-stimulus-components and wondered if there are any video tutorials on how to implement it?
  • Building UI with Rails 7 + Tailwind
    4 projects | /r/rails | 3 May 2022
    If you don't want to pay for it, you can build your own, or use components other people have created, like tailwindcss-stimulus-components.
  • Adding Custom Attributes to Trix's toolbar
    5 projects | dev.to | 12 Mar 2022
    Tailwind CSS Stimulus Components
  • What is your Rails 7 Stack? And other questions, I need help
    3 projects | /r/rails | 15 Jan 2022
    Have you seen this? https://github.com/excid3/tailwindcss-stimulus-components
  • Tailwind (JavaScript) with new rails 7 app
    1 project | /r/rails | 9 Jan 2022
  • hotwire turbo + tailwindui experiences?
    2 projects | /r/rails | 7 Jan 2022
    yeah just got started. iโ€™m using the gem at https://github.com/excid3/tailwindcss-stimulus-components for now, and iโ€™m hard coding in all the transitions. but starting to get cumbersome. wondering if i should just use their react/vue components for anything pre-built, and write my own stimulus controllers for whatever limited needs i have. (goal is to leverage server side rendered html plus hotwire for most of the heavy lifting)
  • Server-rendered modal forms on Rails with CableReady, Mrujs, Stimulus, and Tailwind
    8 projects | dev.to | 9 Sep 2021
    // Credit: This controller is an edited-to-the-essentials version // of the modal component created by @excid3 as part of the essential // tailwind-stimulus-components package found here: // https://github.com/excid3/tailwindcss-stimulus-components // In production, use the full component from the // library or expand this controller to allow for // keyboard closing and dealing with scroll positions import { Controller } from "@hotwired/stimulus" export default class extends Controller { static targets = ['container']; connect() { this.toggleClass = 'hidden'; this.backgroundId = 'modal-background'; this.backgroundHtml = this._backgroundHTML(); this.allowBackgroundClose = true; } disconnect() { this.close(); } open() { document.body.classList.add('fixed', 'inset-x-0', 'overflow-hidden'); this.containerTarget.classList.remove(this.toggleClass); document.body.insertAdjacentHTML('beforeend', this.backgroundHtml); this.background = document.querySelector(`#${this.backgroundId}`); } close() { if (typeof event !== 'undefined') { event.preventDefault() } this.containerTarget.classList.add(this.toggleClass); if (this.background) { this.background.remove() } } _backgroundHTML() { return `${this.backgroundId}" class="fixed top-0 left-0 w-full h-full" style="background-color: rgba(0, 0, 0, 0.7); z-index: 9998;">`; } }
  • Do you wish Bootstrap had a StimulusJS library instead of relying on jQuery and Popper?
    3 projects | /r/rails | 8 Jan 2021
    Yeah, I made this to replicate the JS features of Bootstrap in Tailwind & Stimulus: https://github.com/excid3/tailwindcss-stimulus-components
  • How to use modals with forms in Rails using Turbo
    6 projects | dev.to | 7 Jan 2021
    this is extended from the original modal supplied from tailwindcss-stimulus-components
  • A note from our sponsor - CodeRabbit
    coderabbit.ai | 18 Mar 2025
    Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR. Learn more โ†’

Stats

Basic tailwindcss-stimulus-components repo stats
11
1,459
7.6
about 1 month ago

Sponsored
CodeRabbit: AI Code Reviews for Developers
Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
coderabbit.ai

Did you know that JavaScript is
the 3rd most popular programming language
based on number of references?