Welcome back, Admin
Here are 30 sample components demonstrating Tailwind CSS, Alpine.js, and htmx in action.
Welcome back, Admin
Here are 30 sample components demonstrating Tailwind CSS, Alpine.js, and htmx in action.
New 1. Bento Grid (Feature Left)
Q3 Earnings Report
An in-depth analysis of our performance across global markets, highlighting key growth sectors.
Revenue
+14.5%
New Clients
1,204
New 2. Bento Grid (Feature Top)
Portfolio Overview
Live DataEquities
$4.2M
Bonds
$1.1M
Cash
$350K
New 3. Bento Grid (Mosaic)
Corporate Banking
Manage institutional accounts and liquidity.
Transfers
Invoices
Security Alert
Review recent logins.
New 4. Container (Narrow Focus)
Two-Factor Authentication
Enhance your account security by enabling 2FA. We highly recommend all firm administrators activate this feature.
New 5. Container (Constrained Soft BG)
Wealth Advisory Services
Tailored strategies to preserve and grow your capital across generations. Connect with our senior advisors for a private consultation.
New 6. Container (Split Content)
Market Insights
Daily intelligence reports curated by our analysts.
- Tech stocks rally amid AI breakthroughs 2h ago
- Central banks signal rate stabilization 5h ago
- Commodities update: Gold hits new high 1d ago
New 7. Card (Interactive Lift)
Analytics Dashboard
Access real-time metrics and custom reports.
Tax Documents
Securely download your end-of-year statements.
New 8. Card (Action & Badge)
Update KYC Info
Regulations require us to verify your identity annually. Please provide updated documents.
New 9. Card (Media Focus)
Q4 Investor Summit
Join our leadership team for a comprehensive review of the fiscal year and strategic outlook.
Register Now arrow_forwardNew 10. Card (Modern Gradient)
Premium Status
You are currently enjoying priority support, reduced trading fees, and exclusive research access.
1. Stats Overview
- Total Assets
- $71,897
- Active Clients
- 124
- New Opportunities
- 12
2. Data Table
| Name | Title | Role | Edit | |
|---|---|---|---|---|
| Lindsay Walton | Front-end Developer | lindsay.walton@example.com | Member | Edit |
3. Alert Banner (Alpine dismissible)
Attention needed
Your subscription is expiring in 3 days. Please update your billing information.
4. Tabbed Content
5. Modal Dialog
6. Dynamic Content Loader (htmx)
Note: For demo, this just hits the ClientLogs API which might return a 405 Method Not Allowed since it's a GET, but it demonstrates the htmx request.
7. FAQ Accordion
8. Progress Bar
Status
Migrating databases... 60%
9. Badges
10. Profile Card
Jane Doe
Senior Investment Banker
11. Form Layout
12. Timeline
-
person
Applied to Front End Developer
13. Button Group
14. Slide-over Panel
15. Notification Toast
16. Empty State
No projects
Get started by creating a new project.
17. Info Card
18. Pricing Table
Lifetime membership
Lorem ipsum dolor sit amet consect etur adipisicing elit. Itaque amet indis perferendis blanditiis repellendus etur quidem assumenda.
What's included
- check Private forum access
- check Member resources