Forma
Build SaaS products, client portals and business tools with a premium multipurpose React admin dashboard. Forma brings together 41 screens and state examples for analytics, CRM, invoicing, pricing and billing, support, authentication and project management, with light and dark themes.
- Screens + states
- 41 included
- Appearance
- Light + dark
- Delivery
- Full source
One dashboard kit. Many starting points.
Choose the modules your application needs, make the design your own and connect your backend. Forma gives each use case the same visual foundation.
SaaS products
Start with sign-in, onboarding, pricing, subscription management, usage and product analytics. Adapt the interface to your product and connect your services.
Client portals & agency tools
Bring projects, milestones, files, client records, opportunities, invoices and support conversations into a consistent customer workspace.
Analytics dashboards
Build on interactive charts, date and channel filters, conversion funnels, retention cohorts, event exploration and saved reports.
Internal business tools
Combine the business overview, CRM pipeline, calendar, team management, searchable tables, developer settings and security screens for your operations.
The screens behind a complete application.
Move from a sales opportunity to a client project and invoice. Explore product growth, manage a subscription or resolve a support ticket. The demo connects these workflows through shared browser-persisted data.
Business overview
Connected revenue, pipeline, support and subscription summaries.
Product analytics
Trends, acquisition, funnels, retention, event details and saved reports.
Sales pipeline
Editable opportunities, drag-and-drop stages, owner filters, table view and CSV.
Invoices
Line-item editor, tax and totals, draft-to-paid workflow, detail and print/PDF layout.
Pricing & billing
Monthly/annual plans, subscription changes, usage, billing details and receipt history.
Support desk
Ticket creation, conversation threads, internal notes, priorities and resolution.
Project workspace
Project grid/list/board, briefs, milestones, comments, files, archive and workspace charts.
Clients
Contact records, notes, projects and linked opportunities, invoices and support.
Tasks & calendar
Assignments, priorities, dates, completion and a monthly planning view.
Files & inbox
Searchable file metadata and local activity with read states and contextual links.
Team & settings
Invitations, role labels, profile, workspace preferences, appearance and density.
Integrations & developer
Integration catalog, local connection states and show-once demo key creation/revocation.
Security & audit
Verification preferences, sample sessions, role guidance and local business activity.
Authentication & onboarding
Sign-in, sign-up, recovery, verification and a three-step workspace setup.
Reusable interface patterns
Forms, searchable/sortable/paginated tables, empty, error and loading examples, confirmations, and 403, 404 and maintenance screens.
Start with the application experience in place.
Put your development time into your product’s data and business logic. Forma gives you connected screens, reusable UI and the interaction states that make an application feel complete.
- Interactive analytics, funnels, cohorts, event exploration, saved views and workspace charts.
- Light, dark and system appearance, plus comfortable and compact density.
- Responsive layouts, subtle page and collection animations, keyboard-friendly dialogs and reduced-motion support.
- Form validation, pending states, error recovery and unsaved-change protection.
- Sortable tables, search, pagination, selection, CSV export and printable invoices.
- Original project artwork, shared components and readable TypeScript source.
Bring your own backend.
Forma includes working local interactions and fictional sample data. Connect your own authentication, database, payments, analytics, file storage and email services using the included module and integration guides.
File additions save metadata only. Invitations do not send email, and roles do not enforce authorization. The sales pipeline includes drag-and-drop and accessible stage controls. Payments, authentication and external integrations are frontend demonstrations.
This is React application source. The AeroLaunch visual builder, Astro and plain HTML editions are not included.