# Blocks

44 blocks, each copied into your project with the CLI.

Source: https://uim.suiss.app/docs/blocks

- [Bag Checkout](https://uim.suiss.app/docs/blocks/bag-checkout): A three-step checkout screen with delivery, payment and review steps, an order summary and a total in the bottom bar.
- [Bag Configure](https://uim.suiss.app/docs/blocks/bag-configure): A product configuration screen for choosing a model, finish and storage, with a live price and an Add to Bag button.
- [Bag Review](https://uim.suiss.app/docs/blocks/bag-review): A shopping bag screen with item rows, quantity steppers, a subtotal and checkout buttons.
- [Chat Conversations](https://uim.suiss.app/docs/blocks/chat-conversations): A messages screen with a conversation list that opens into a chat thread, with swipe to delete.
- [Chat Support](https://uim.suiss.app/docs/blocks/chat-support): A support page with a floating chat panel, quick question buttons and an assistant that answers them.
- [Chat Thread](https://uim.suiss.app/docs/blocks/chat-thread): A one-to-one chat thread with a contact header, message bubbles, double-tap hearts and a photo attachment.
- [Dash Analytics](https://uim.suiss.app/docs/blocks/dash-analytics): An app analytics dashboard with a metric switcher, a weekly area chart, a regional breakdown and a tab bar.
- [Dash Health](https://uim.suiss.app/docs/blocks/dash-health): A health summary with pinned metric cards, sparklines and drill-down sections for activity, heart, sleep and mobility.
- [Dash Store](https://uim.suiss.app/docs/blocks/dash-store): A store sales dashboard with a range switcher, stat tiles, a daily bar chart, filtered recent orders and a tab bar.
- [Empty Bag](https://uim.suiss.app/docs/blocks/empty-bag): An empty bag state with sign-in and shopping buttons and a horizontal row of recommended products.
- [Empty Offline](https://uim.suiss.app/docs/blocks/empty-offline): An offline state with a retry button that shows a spinner and then a sample album grid once connected.
- [Empty Search](https://uim.suiss.app/docs/blocks/empty-search): A search screen with a field, live suggestions and a no-results state with suggested searches.
- [Grid Accessories](https://uim.suiss.app/docs/blocks/grid-accessories): A two-column accessories grid with category chips and add to bag buttons that update a bag count.
- [Grid Carousel](https://uim.suiss.app/docs/blocks/grid-carousel): A horizontal carousel of large product cards with a page indicator.
- [Grid Lineup](https://uim.suiss.app/docs/blocks/grid-lineup): A product lineup in two columns, each model with finish swatches, a tagline, a price and Buy and Learn more actions.
- [Inbox Categories](https://uim.suiss.app/docs/blocks/inbox-categories): A mail inbox sorted into Primary, Transactions, Updates and Promotions, with a reader and swipe actions on each row.
- [Inbox Mail](https://uim.suiss.app/docs/blocks/inbox-mail): A mail app with a mailbox sidebar, a searchable message list, a reader and swipe actions on each row.
- [Inbox Support](https://uim.suiss.app/docs/blocks/inbox-support): A support ticket inbox with Open, Pending, Solved and All queues, a ticket view and a reply box.
- [Log Activity](https://uim.suiss.app/docs/blocks/log-activity): An admin activity log grouped by day, with type filters, expandable before and after values and an Export button.
- [Log Live](https://uim.suiss.app/docs/blocks/log-live): A live activity feed that adds a new event every few seconds, with session stats and a Pause button.
- [Log Security](https://uim.suiss.app/docs/blocks/log-security): A security dashboard with a score ring, open alerts by severity, and alerts you can resolve or reopen.
- [Login Account](https://uim.suiss.app/docs/blocks/login-account): A two-step sign-in that asks for the email first, then reveals the password field, with inline errors.
- [Login Passkey](https://uim.suiss.app/docs/blocks/login-passkey): A passkey sign-in screen with a face scan dialog and a welcome view after verifying.
- [Login Sheet](https://uim.suiss.app/docs/blocks/login-sheet): A sign-in screen whose primary button opens a bottom sheet to share or hide your email.
- [Nav Categories](https://uim.suiss.app/docs/blocks/nav-categories): A store landing screen with a heading, help links and a scrolling row of product categories with photos.
- [Onboarding](https://uim.suiss.app/docs/blocks/onboarding): A paged onboarding flow with illustrations, a page indicator and Continue and Skip buttons.
- [Permission Primer](https://uim.suiss.app/docs/blocks/permission-primer): A screen that explains why the app needs a permission before asking, with Allow and Not now buttons.
- [Price Bundle](https://uim.suiss.app/docs/blocks/price-bundle): A subscription bundle picker with Individual and Family plans, each listing which services it includes.
- [Price Care](https://uim.suiss.app/docs/blocks/price-care): A device protection picker with device tabs, payment options, a theft add-on and a running total.
- [Price Storage](https://uim.suiss.app/docs/blocks/price-storage): A cloud storage plan picker with a monthly or yearly toggle and three plan cards with features.
- [Roles Editor](https://uim.suiss.app/docs/blocks/roles-editor): An admin screen for editing role permissions, with a role list beside grouped permission switches.
- [Roles Requests](https://uim.suiss.app/docs/blocks/roles-requests): An access request queue where admins approve or deny permission requests by button or swipe.
- [Settings Account](https://uim.suiss.app/docs/blocks/settings-account): An account settings screen with a profile header, a section list and an editable sign-in and security page.
- [Settings Device](https://uim.suiss.app/docs/blocks/settings-device): A device settings home screen with search, an account row and grouped rows with icons, toggles and details.
- [Settings Notifications](https://uim.suiss.app/docs/blocks/settings-notifications): A notification settings screen with a live preview of the lock screen banner above alert and appearance options.
- [Signup Form](https://uim.suiss.app/docs/blocks/signup-form): A single-page account sign-up form with name, country, birthday, email and password fields.
- [Signup Steps](https://uim.suiss.app/docs/blocks/signup-steps): A three-step sign-up flow that asks for a name, email and password one screen at a time.
- [Signup Trial](https://uim.suiss.app/docs/blocks/signup-trial): A free trial sign-up screen with a hero image, email and password fields, and a terms checkbox.
- [Users Detail](https://uim.suiss.app/docs/blocks/users-detail): A user directory with a list beside a detail pane showing profile, sessions and security for the selected user.
- [Users Invite](https://uim.suiss.app/docs/blocks/users-invite): An invite screen for adding users by email with a role, a welcome email option and pending invitations.
- [Users Table](https://uim.suiss.app/docs/blocks/users-table): A searchable user list with role filters, status badges and bulk actions for selected users.
- [Verify Code](https://uim.suiss.app/docs/blocks/verify-code): A two-factor screen with a six-digit code input, a resend timer and a confirmation once verified.
- [Verify Device](https://uim.suiss.app/docs/blocks/verify-device): A sign-in approval flow where a trusted device shows an alert, then a code to enter on the new device.
- [Verify Email](https://uim.suiss.app/docs/blocks/verify-email): A check-your-inbox screen after sign-up, with open mail, resend and change-address actions.