TailView UI
A comprehensive collection of modern UI components built with Rails, Tailwind CSS, and Stimulus. Explore interactive examples and learn how to implement beautiful, responsive components in your applications.
Modern Components
Beautiful, accessible UI components built with Tailwind CSS and following modern design principles.
Interactive Examples
Live, interactive examples powered by Stimulus controllers for dynamic user experiences.
Easy Integration
Simple to integrate into your Rails applications with clear documentation and examples.
Available Components
Explore our collection of production-ready UI components built with Rails, Tailwind CSS, and Stimulus.
Layout
Interactive
Data & Forms
✨ Interactive Examples
Try these live, fully functional components built with Stimulus. Click, hover, and interact!
View All Interactive Examples →Star Rating
Click to rate, hover to preview
Progress Tracker
Interactive progress controls
Notifications
Real-time notification center
New message
You have a new message
System update
Update available
Image Upload
Drag & drop or click to upload
Click to upload or drag and drop
No file selected
📊 Beautiful Charts & Data Visualization
Interactive area charts built with Rails, Hotwire, Stimulus & SVG. No external dependencies!
Explore All Charts →5 Chart Types
Multiple visualization styles
Rich Interactions
Advanced features included
Getting Started
How to Use This App
- 1 Browse through the component examples above to see different UI patterns in action
- 2 Click on any component link to view interactive examples and code snippets
- 3 Explore the Turbo Frame examples to see advanced Rails patterns
- 4 Use the source code as a reference for your own projects
Built with ❤️ using Rails, Tailwind CSS, and Stimulus