Components Documentation
Installation
1. Install tailwind via CDN or with your gemfile
Gemfile
./bin/bundle add tailwindcss-ruby
./bin/bundle add tailwindcss-rails
./bin/rails tailwindcss:installCDN script
<script src="https://unpkg.com/@tailwindcss/browser@4"><script>2. Go to this github repository and clone it. Add the components folder to yourapp/views folder. You can add the animations.css file to app/stylesheets
Rails SaaS template
Get it hereAccordion
Components
A collection of UI components built with Tailwind CSS
Alert
Appstore
Avatar
Badge
Card
Card title
Companies
Companies Color
Companies Scale
Copy Code
console.log("Hello, World!")
Checkbox
Copyright Footer
Features
Get rails components for free by just signing up to our newsletter
Learn CSS tips to make you a better designer and developer
Get notified of updates of product updates and launches.
Footer
Github
Headlines
Headline
Headline
Headline
Indicator
Jumbotron
make beautiful websites in hours
Rails Elements is a ruby on rails UI library for developers who want to finish projects faster. This template offers prebuilt pages, reusable rails components, JS scripts for the front-end and animations
KBD
Links
Navbar
Navbar (Glossy)
Loading
Neon link
Neon link 2
Pricing
Product Hunt Badge
Quote
this is a quote
Select
Skeleton
Social Media
Speed Dial
Cannot render this component on the website*
Testimonials
1000+ People using this product