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

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 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 - SurveyJS
    surveyjs.io | 26 Apr 2024
    With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more โ†’

Stats

Basic tailwindcss-stimulus-components repo stats
11
1,302
8.8
23 days ago

Sponsored
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com