Blocks
Whole screens, one codebase
Full pages built only from Syntara components. Switch tenant and the code stays the same; only tokens and copy change. Copy the source into your project and own it.
Benefits overview
A family health-benefits screen: a member and category filter rail, search, the shared wallet, and every benefit as a row that opens for who's covered, how you pay and what to do next. Rows show used, unlimited, member-rate, fully used, locked and enrol states.
- dashboard
- lists
Built from @syntara/icons, @syntara/react and react-aria-components. The same code in every tenant; open Code to copy it.
Portfolio
A wealth dashboard, dark-first: sidebar, greeting and search, KPI tiles with sparklines, portfolio value over 24H/7D/1M/1Y, allocation, monthly investing, a deposit card, recent activity and a holdings table with inline trends.
- dashboard
- data
Built from @syntara/icons and @syntara/react. The same code in every tenant; open Code to copy it.
Dashboard overview
An account overview: app header with a command menu, notifications and account menus, KPI tiles, an alert, recent activity and a quick-action form.
- dashboard
Built from @syntara/icons and @syntara/react. The same code in every tenant; open Code to copy it.
Request flow
A three-step request with inline validation, an error summary, evidence upload with progress, a confirmation dialog and a success state.
- forms
- flows
Built from @internationalized/date, @syntara/icons, @syntara/react and react-aria-components. The same code in every tenant; open Code to copy it.
Settings
Tabbed account settings: profile form with photo upload, appearance, notification switches, active sessions and a danger zone.
- settings
- forms
Built from @syntara/icons, @syntara/react and react-aria-components. The same code in every tenant; open Code to copy it.
Sign in
Email and password sign-in with a passkey option. A centred card on narrow containers, a two-column layout with a brand panel on wide ones.
- authentication
Built from @syntara/icons and @syntara/react. The same code in every tenant; open Code to copy it.
Activity table
A full data table page: search, status filter, sorting, row selection with bulk actions, CSV export, density, pagination, empty and loading states.
- data
- tables
Built from @syntara/icons and @syntara/react. The same code in every tenant; open Code to copy it.