Orbit

A SaaS analytics interface for recurring revenue, retention, acquisition and account health, with a particle planet driven by simulated billing events.

• Best forDevelopers building SaaS revenue and customer-analytics products.

• Overview

  Explore MRR trends, revenue movements and plan mix while simulated billing events animate the particle planet.

• Cohorts

  Inspect retention cells and their linked 3D landscape, switching between account retention and revenue retention.

• Funnel

  Compare sample signup-to-paid conversion stages, change the period and focus on an acquisition channel.

• Customers

  Search, sort and filter fictional accounts, inspect health drivers and focus on customers marked at risk.

• Revenue particle planet

  A canvas planet groups particles by sample plan mix, with large accounts shown as satellites. Simulated billing events animate additions and losses while updating the local recurring-revenue figure.

• Linked analytics views

  Hovering retention cells highlights the linked three-dimensional landscape. A particle stream illustrates funnel conversion, while the customer constellation arranges fictional accounts by health and recurring revenue.

• Account exploration tools

  Search, sort and filter the customer table, inspect account details and focus on accounts marked at risk. Period, cohort and acquisition-channel controls update the displayed demonstration analytics.

• Keyboard command palette

  Open the command palette with Command K or Control K, filter views and actions, then navigate with arrow keys and Enter. Workspace selection and saved reports provide alternative navigation routes.

• Editable data and motion

  Sample accounts, metrics and series are defined in the data module. Reduced-motion settings show charts in their final state, and the planet animation pauses off screen or when the tab is hidden.

Responsive layouts, keyboard-accessible navigation and reduced-motion support.

Revenue, billing activity and account-health figures are simulated locally. No billing provider, product-analytics service or customer database is connected.

• IncludedFictional demonstration data and local interactions, ready to edit. The included README identifies the data files and model.
• Not includedBackend, database, authentication, payments or AI services. Features that look connected are simulated; connect your own services when you adapt the code.

• Complete Next.js project
• 4 animated views
• Source files and project assets
• README with setup and customization
• LICENSE.md

Stack and requirements

• StackNext.js 16, React 19, TypeScript, Tailwind CSS v4, Framer Motion, Lucide icons
• FontsGeist, Geist Mono
• RequiresNode.js 20.9 or later, npm, and working knowledge of React and Next.js

Run it locally

Extract the ZIP, open a terminal in the project folder, then run:

npm install
npm run dev

Open localhost:3000. The README covers the data, colors, fonts and animations.

• Price$9 USD, one-time payment. No subscription or renewal.
• TaxesApplicable VAT and sales tax are included in the price. The total is shown before you pay.
• LicenseUnlimited personal and client projects. No resale or redistribution of the source. Read the license
• DeliveryAfter payment, Polar emails your receipt and a download link for the ZIP.
• RefundsIf the files don’t install or run as described and can’t be fixed within 7 days, you get a full refund. Refund policy
• Supporthello@buildindex.dev for the template as delivered.

Secure checkout by Polar. More answers in the questions.