Fathom — Figma Design System
A complete Figma design system with variables, modes, auto-layout components and documented usage rules — the foundation a product team can build on for years rather than a pretty component sheet.
$74.00
$99.00
Preview images coming soon
A production admin UI kit in HTML and Tailwind: 46 screens, 120 components, real data tables, charts and forms — all keyboard accessible with a designed dark mode.
Admin interfaces are where design systems usually get abandoned. Orbit is built to survive contact with real product requirements: dense tables with sticky headers and bulk actions, forms with sixteen field types and proper error handling, permission-aware navigation, and empty, loading and error states for every screen that needs them.
Included are dashboards for analytics, sales and operations; list and detail views for users, orders, products, invoices and tickets; settings screens across profile, team, billing, integrations and security; authentication flows including two-factor and recovery codes; reporting views with filters and export; and utility pages for 404, 403, maintenance and onboarding.
The data table handles column sorting, resizing, pinning, row selection with a shift-click range, bulk action bars, inline editing, pagination and a saved-view mechanism. Forms include validation states, help text, character counters, dependent fields, file dropzones with progress and a multi-step wizard shell. Also included: command palette, notification centre, filter drawer, date range picker, toast stack, confirmation dialogs and a slide-over pattern.
Twelve chart layouts render from a small vanilla wrapper you can swap for any library — the markup, legends, tooltips, empty states and colour system are what you are buying. The palette is contrast-checked in both themes and remains distinguishable in the three common forms of colour vision deficiency.
Everything is plain HTML with Tailwind classes and a thin Alpine layer for interactivity, which means porting to React, Vue, Livewire or Blade components is mechanical rather than creative. A Figma file mirroring every component is included for designers on the same team.
Any modern browser. Node 18+ and npm recommended for rebuilding Tailwind. Figma account optional, only needed for the bundled design library.
Be the first to share how this product worked for you after you buy it.
More assets from the same shelf.
A complete Figma design system with variables, modes, auto-layout components and documented usage rules — the foundation a product team can build on for years rather than a pretty component sheet.
$74.00
$99.00
Every screen and state in a modern checkout, designed and coded: cart, address, shipping, payment, review, confirmation, plus the failure paths most kits pretend do not exist.
$79.00
We use cookies to enhance your experience, analyze traffic and personalize content. You can accept all cookies, reject the optional ones, or customize your choices.
Essential
Required for core functionality such as security, sessions and saved preferences. Always active.
Analytics
Help us understand how visitors use the site so we can improve it.
Marketing
Used to deliver relevant campaigns and measure their effectiveness.
Preferences
Remember your settings such as region, language and display options.