Dark mode landing page.
This is just a demo of a landing page built with RailsFast components, in dark mode. You can use this as inspiration, or feed it to AI as reference material to make your own custom landing pages.
Trusted by 1,200+ developers
Main features in an icon grid
Everything you need to create stunning landing pages without starting from scratch
Component Library
Comprehensive set of pre-built components that work together seamlessly
Fully Customizable
Every component supports extensive customization through simple parameters
Responsive Design
All components are mobile-first and look perfect on any device
Fast Development
Build complete landing pages in minutes instead of hours
Mix and Match
Combine components in any order to create unique layouts
Theme Support
Built-in support for light and dark themes plus custom color schemes
Alternating features in dark mode
Real examples of how components adapt to different content and layouts
Automatic Image Positioning
Images automatically alternate sides as you scroll. The first item shows image on the left, second on the right, and so on. No manual configuration needed.
- Alternates automatically
- Responsive on all screens
- Consistent spacing
Flexible Content Areas
Each section adapts to your content. Add as many or as few bullet points as you need. The layout adjusts automatically to keep everything balanced.
- Content adapts naturally
- No fixed heights
- Always looks balanced
Optional Elements Everywhere
Every component supports optional elements. Images, badges, CTAs, and bullet points can be added or removed without breaking the layout.
- Mix and match elements
- Nothing is required
- Complete flexibility
Accent color call to action
This is a call-to-action component with a really bright and eye-catching color. You can add a featured image too!
Call to actionFeature-Rich Grid Layout
Grid components support badges, bullet points, and individual call-to-action buttons
Hero Component
Multiple layouts including centered, left-aligned, with or without images, gradient backgrounds, and custom colors.
- Gradient support
- Image positioning
- Custom styling
Feature Layouts
Five different modes: grid, icons, bento, alternating, and list. Each with extensive customization options.
- 5 layout modes
- Custom alignment
- Theme support
CTA Components
Multiple call-to-action components including cards, sections, and inline CTAs with various styles.
- Multiple layouts
- Gradient support
- Stat displays
Developers Love the Flexibility
See what builders are saying about the component system
Frequently Asked Questions
Common questions about using the component library
No FAQ items found.
Works Anywhere
Components adapt to light and dark backgrounds automatically
Quality Code
Clean, maintainable ERB templates
Easy to Customize
Simple parameter-based configuration
No Duplication
DRY principles throughout
Ship Faster
From idea to launch in record time
Ready to Build Something Amazing?
Start creating beautiful landing pages with our flexible component system