Blocks
Whole pages built from Rime components: a dashboard, an inbox, a data table, settings, shell layouts and the sign-in set. Install one with the shadcn CLI and it lands in components/blocks as code you own. Every block works in each preset and in light and dark mode.
Dashboard
Dashboard
The frosted shell, a page header, headline figures in one strip, an orders chart with a 7, 30 and 90 day switch, and the list-page table.
npx shadcn@latest add KezLahd/rime/dashboardSuggested route in your app: /dashboard
Apps
Inbox
A mail-style app in three resizable panes: folders, the message list with search and an unread switch, and the open message with a reply box.
npx shadcn@latest add KezLahd/rime/inboxSuggested route in your app: /inbox
Data
Data table (tasks)
Tasks with one full-width search, status and priority dropdowns, row selection with select-all, a bulk actions bar and centred pagination.
npx shadcn@latest add KezLahd/rime/data-tableSuggested route in your app: /tasks
Settings
Settings
A section nav, field groups in one frosted panel, notification switches and a Danger zone whose actions confirm with a typed phrase.
npx shadcn@latest add KezLahd/rime/settingsSuggested route in your app: /settings
Layouts
Header only
No sidebar: logo, a short nav and the profile in one frosted top bar, the page full width below.
npx shadcn@latest add KezLahd/rime/header-onlySuggested route in your app: /projects
Authentication
Sign in with MFA
Password, then the authenticator code, with authenticator setup when a device is lost. Brand bar above, security note below.
npx shadcn@latest add KezLahd/rime/auth-loginSuggested route in your app: /login
Create an account
Name, work email, a password and the terms, in one card.
npx shadcn@latest add KezLahd/rime/auth-signupSuggested route in your app: /signup
Email code
A six-digit code sent by email, with resend.
npx shadcn@latest add KezLahd/rime/auth-otpSuggested route in your app: /verify
Set up an authenticator
Scan a QR code or type the key, then confirm with the first code.
npx shadcn@latest add KezLahd/rime/auth-mfa-setupSuggested route in your app: /security/mfa
Reset password
Ask for the email and send a reset link.
npx shadcn@latest add KezLahd/rime/auth-resetSuggested route in your app: /reset-password
Check your email
After a magic link or reset: what to do next, with resend.
npx shadcn@latest add KezLahd/rime/auth-check-emailSuggested route in your app: /check-email