Back to the app
Get Started
Backend
- Accounts & Multitenancy
- Action Cable
- Action Mailbox
- Action Text
- Active Storage
- Admin
- Announcements
- API
- API Clients
- Authentication
- Background Workers
- Billing & Payments
- Credentials
- Cron & Scheduled Jobs
- Databases
- Development
- Internationalization (I18n)
- Notifications
- Scaffolds
- Users
Frontend
- Alerts & Notices
- Branding
- Buttons
- Cards
- Forms
- Icons
- JavaScript
- Pagination
- Pills
- TailwindCSS
- Typography
- Wells
Extras
Turbo Native (iOS & Android)
Typography
Display Heading
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
<div class="pb-4 mb-4 border-b border-gray-400">
<h1 class="mb-4 font-display">Display Heading</h1>
</div>
<div class="pb-4 mb-4 border-b border-gray-400">
<h1>Heading 1</h1>
</div>
<div class="pb-4 mb-4 border-b border-gray-400">
<h2>Heading 2</h2>
</div>
<div class="pb-4 mb-4 border-b border-gray-400">
<h3>Heading 3</h3>
</div>
<div class="pb-4 mb-4 border-b border-gray-400">
<h4>Heading 4</h4>
</div>
<div class="pb-4 mb-4">
<h5>Heading 5</h5>
</div>Lists
- Unordered list
- Unordered list
- Unordered list
- Ordered list
- Ordered list
- Ordered list
- Unstyled list
- Unstyled list
- Unstyled list
<ul class="mb-4">
<li>Unordered list</li>
<li>Unordered list</li>
<li>Unordered list</li>
</ul>
<ol class="mb-4">
<li>Ordered list</li>
<li>Ordered list</li>
<li>Ordered list</li>
</ol>
<ul class="mb-4 list-none">
<li>Unstyled list</li>
<li>Unstyled list</li>
<li>Unstyled list</li>
</ul>