iro.js
tailwindcss-stimulus-components
iro.js | tailwindcss-stimulus-components | |
---|---|---|
2 | 11 | |
1,254 | 1,305 | |
- | - | |
0.0 | 8.7 | |
over 1 year ago | 29 days ago | |
JavaScript | JavaScript | |
Mozilla Public License 2.0 | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
iro.js
-
Adding Custom Attributes to Trix's toolbar
iro.js
-
A GitHub Action that automatically generates & updates markdown content (like your README.md) from external or remote files.
iro.js - ๐จ Modular color picker widget for JavaScript, with support for a bunch of color formats
tailwindcss-stimulus-components
-
Tailwind UI, JS and Rails
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
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
Tailwind CSS Stimulus Components
-
What is your Rails 7 Stack? And other questions, I need help
Have you seen this? https://github.com/excid3/tailwindcss-stimulus-components
- Tailwind (JavaScript) with new rails 7 app
-
hotwire turbo + tailwindui experiences?
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
// 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?
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
this is extended from the original modal supplied from tailwindcss-stimulus-components
What are some alternatives?
coloreact - A tiny Color Picker for React
trix - A rich text editor for everyday writing
react-open-weather - React open weather is a React Component loading forecast data from Various weather providers (currently OpenWeather, WeatherBit and VisualCrossing)
jsbundling-rails - Bundle and transpile JavaScript in Rails with esbuild, rollup.js, or Webpack.
d3-dual-range-slider - SVG component for dual-range-slider built with D3.js.
daisyui - ๐ผ ๐ผ ๐ผ ๐ผ ๐ผ โThe most popular, free and open-source Tailwind CSS component library
Lucid-Dynamodb - ๐๏ธ A simple Python wrapper to AWS Dynamodb.
bootstrap.native - Bootstrap components build with Typescript
context_menu - Simple customizable context menus for Javascript.
turbo_modal
structured-filter - jQuery UI widget for structured queries like "Contacts where Firstname starts with A and Birthday before 1/1/2000 and State in (CA, NY, FL)"...
Ruby on Rails - Ruby on Rails