tailwindcss-stimulus-components
railsdevs.com
tailwindcss-stimulus-components | railsdevs.com | |
---|---|---|
11 | 59 | |
1,310 | 730 | |
- | - | |
8.7 | 7.5 | |
about 1 month ago | 19 days ago | |
JavaScript | Ruby | |
MIT License | 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.
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
railsdevs.com
-
People who are ML freelancers, how do you pull it off?
I'm also building a reverse job board for AI developers like me to find full-time, part-time or contract work. Developers can make a free profile to promote their AI/ML skills and hiring companies can search the profiles and contact developers through the platform. It's an open-source open startup that's a fork of a similar project for rails developers.
-
Pro Tip: Utilise reverse job board sites when searching for a job
railsdevs.com - Specific to Ruby on Rails
-
How to (better) learn modeling?
Other than reading, the best way to learn domain modeling is to read a lot of code, e.g. Rails codebase (to learn how to model the domain of web applications) or open source repositories (a good one is Railsdevs). Over time, you'll find and understand the common patterns enough to use on your own.
-
How do you guys find people to help you code or bring your saas ideas to life
To find a freelance, it could depend on your location. There are https://www.malt.uk, https://railsdevs.com
-
Are there freelance sites where you dont have to bid for jobs?
Rails Devs - https://railsdevs.com/ - create and businesses reach out.
-
Best resources for learning Minitest (for a beginner)?
So far I've been using the Rails Guides on testing and studying the source code of railsdevs.com. Any guidance is greatly appreciated, thank you in advance!
- What are some excellent open-source Rails apps?
-
Short Ruby News - Edition #35
Hey, I totally agree with you. Linking to the entire newsletter can be quite overwhelming and comes off as spammy. It would be great if you included the specific links to the tweet or the GitHub repo mentioned in the newsletter. The links you provided, https://twitter.com/joemasilotti/status/1639261944652914688 and https://github.com/joemasilotti/railsdevs.com/which, are definitely more helpful and provide a better user experience. Thanks for sharing!
-
Scandinavia, Junior, graduating soon is the market as horrible as it seems?
RailsDevs - Rails dev specific
-
Opensource Rails Project
I recommend Joe Masilotti's project: RailsDevs. Very well-written and follows most of the Rails best practices. It also uses the Rails recommended front-end stack with Hotwire, Tailwind, etc.
What are some alternatives?
trix - A rich text editor for everyday writing
sorrygirl - Write an apology note and send it as Ryan Gosling
jsbundling-rails - Bundle and transpile JavaScript in Rails with esbuild, rollup.js, or Webpack.
real-world-rails - Real World Rails applications and their open source codebases for developers to learn from
daisyui - ๐ผ ๐ผ ๐ผ ๐ผ ๐ผ โThe most popular, free and open-source Tailwind CSS component library
human-essentials - Human Essentials is an inventory management system for diaper, incontinence, and period-supply banks. It supports them in distributing to partners, tracking inventory, and reporting stats and analytics.
bootstrap.native - Bootstrap components build with Typescript
HoundCI - Automated code review for GitHub pull requests.
turbo_modal
ventable - Event/Observable support for plain ruby with options for grouping observers and wrapping notifications in blocks of code, such as transaction handling.
Ruby on Rails - Ruby on Rails
awesome-readme - A curated list of awesome READMEs