Building blocks for the web
Pre-built page compositions. Clean, personality-responsive, ready to copy. Built with Rokle components.
Login
Authentication form with email, password, social providers, and remember me.
Welcome back
Sign in to your account
Don't have an account?
npx rokle add blocks/loginDashboard
Full dashboard layout with sidebar navigation, stats, chart area, and activity feed.
Dashboard
Revenue
$45,231
+20.1%
Subscriptions
2,350
+180
Active Now
573
+19
npx rokle add blocks/dashboardSettings
Settings page with tabbed sections for profile, notifications, and appearance.
npx rokle add blocks/settingsPricing
Three-tier pricing table with feature comparison and CTAs.
Simple pricing
Choose the plan that fits your needs.
Starter
For individuals
- ✓ 5 projects
- ✓ 1 brand system
- ✓ Community support
Pro
For teams
- ✓ Unlimited projects
- ✓ 6 brand systems
- ✓ Priority support
- ✓ Custom tokens
- ✓ Team collaboration
Enterprise
For organizations
- ✓ Everything in Pro
- ✓ SSO & SAML
- ✓ Dedicated account manager
- ✓ SLA guarantee
- ✓ Custom integrations
npx rokle add blocks/pricingProfile
User profile card with avatar, stats, bio, and action buttons.
Jane Doe
Design Systems Lead
24
Projects
1.2k
Followers
340
Following
Building design systems that close the gap between design and code.
npx rokle add blocks/profileData Table
Sortable data table with search, pagination, and row actions.
Invoices
| Invoice | Status | Customer | Amount |
|---|---|---|---|
| INV-001 | Paid | Anna Kim | $1,200 |
| INV-002 | Pending | Jake Stiles | $840 |
| INV-003 | Paid | Maya Ross | $2,100 |
| INV-004 | Overdue | Tom Chen | $560 |
| INV-005 | Paid | Lily Park | $3,400 |
npx rokle add blocks/data-tableNot Found
404 error page with illustration, message, and navigation links.
404
Page not found
The page you're looking for doesn't exist or has been moved.
npx rokle add blocks/not-found