Validated color
Checked for colorblind separation.
Starter app
A runnable Vite + React Router app composed from these templates: sidebar shell, dashboard, CRM, analytics, billing and settings, plus sign-in, sign-up, password reset and a 404. Light and dark mode, onesrc/data module to swap for your API, and a stub auth to replace. Copyapps/saas-starter to start a product.
Uses:DashboardCRMAnalyticsBillingSettingsLoginSignupForgot password404
bun run starterOpens on localhost:5180 · see apps/saas-starter/README.md47 pieces. Click one to try it here; open its page for props and docs.
No matches.
Pricing page: header, plan cards with billing toggle, comparison table, FAQ, footer.
CoreAbout page: mission hero, company stats, approach, team and open roles.
ExtraChangelog: dated releases with version, tags, optional image and notes; subscribe at the end.
ExtraLegal page (privacy policy / terms): last-updated header, scroll-spy table of contents, long-form prose.
ExtraStudio portfolio: statement hero, filterable project grid, client quotes and contact CTA.
ExtraAnalytics page inside the app shell: filters, KPIs, revenue vs target, activity heatmap, top customers.
CoreHome dashboard: greeting + range filter, KPI row, chart cards, activity and onboarding progress.
CoreLLM evaluation runs: headline scores, score trend per model, run table with a detail drawer showing failing cases as diffs.
ProCompany finance overview: cash, runway, burn, balance trend, spending mix, budgets, recent transactions.
ProMarketing performance: channel KPIs, traffic trend, acquisition funnel, top sources and campaigns.
ProHR dashboard: headcount stats, headcount by department, who's out, and the employee directory.
ExtraPatient report (demo data): header, vitals with trends, flagged lab results, HbA1c trend, and clinician notes.
ExtraCalendar app: mini month, calendar toggles, week/month event grid and an agenda for the selected event.
ProThree-pane mail client: folders, thread list, reading pane with reply. Collapses to list or reader on narrow widths.
ProProject board: header with view switch and filters, drag-and-drop kanban across workflow states.
ProMobile wallet UI (web rendition of a native template): balance, range chart, send/receive, assets, recent activity, tab bar. Demo data, no transactions.
ExtraRecord detail page: header with breadcrumbs and actions, properties sidebar, tabbed body with activity, related records and files.
ExtraFile manager: folder tree, storage meter, breadcrumbs, grid or list view, per-file menus and an upload dialog.
ExtraChatGPT-style app: thread history sidebar, model picker, empty-state suggestions, streaming answers.
ProOne agent run: status header, live plan, tool calls, a pending approval and raw logs.
ProAssistant start page: greeting, big composer, starter prompts, recent threads and agent shortcuts.
ProGroup chat with several agents: each speaks under its own name, the side panel shows who is doing what.
ProAI agent profile: identity, status, model and instructions, connected tools, knowledge, and recent runs.
ExtraImage generation studio (demo): prompt, aspect, style and count controls; generating state; gallery of results.
ExtraSidebar app shell: navigation on the left, page header and a list view in the main area.
CoreStacked app shell: top navigation bar, a section tab row, then the page. Common for admin tools without deep navigation.
CoreInset shell: tinted chrome with the page in a raised panel; detail page with tabs and a side panel.
ProMulti-column app shell: icon rail, secondary list, main content and a details column. Columns drop away as the container narrows.
ExtraRequest a reset link, then a confirmation state with resend. Never reveals whether the email exists.
CoreSign-in: social providers, email + password, remember me, error state from the server.
CoreSign-up: name/email/password with strength meter, terms consent, and a benefits panel.
Core6-digit verification: auto-submits on completion, resend with cooldown, wrong-code error.
CoreCheckout page: focused form without store navigation, so nothing competes with paying.
ExtraProduct detail page: overview with pickers, features, specs, reviews and related products.
ExtraStore home: navigation, sale banner, categories, new arrivals, collection promo and incentives.
ExtraIntegrations directory inside the app shell: search, category filter, connect toggles and per-app config sheets.
ProNot-found page: plain explanation, search, and the three places people usually meant to go.
CoreTransactional email previews (welcome, reset, receipt, invite) on a fixed email-safe palette.
ExtraMulti-step onboarding wizard: stepper, one question group per step, back/continue, finish state.
Pro