Wafer

A light GPU cloud console with sortable cluster tables, a clay-style three.js data hall, job charts, team quotas and a billing workspace.

• Best forDevelopers building cloud compute, infrastructure and GPU administration consoles.

• Clusters

  Filter and sort clusters, select their racks in the three.js data hall, change regions and try the local create-cluster and details sheets.

• Jobs

  Inspect job loss or throughput curves, per-GPU metrics, sortable job rows and a locally generated log tail.

• Usage

  Compare team GPU-hours, utilization and quotas, switch chart periods and try local quota and auto-suspend controls.

• Billing

  Review a fictional budget, spend forecast, draft invoice and commitment what-if controls.

• A selectable data hall

  An instanced three.js model arranges racks and nodes on a white floor. Cluster selection, provisioning sequences, rack inspection and thermal colours share local console state.

• Practical console workflows

  Sortable tables, row menus, filters, a command palette and side sheets provide working interface patterns for cluster and job administration.

• Usage and spend views

  Team GPU-hour charts, quota bars, utilization distributions, forecasts and invoice lines use editable local datasets with hover readouts.

• Responsive and reduced motion

  Four views include keyboard navigation and a layout for smaller screens. The hydration-safe reduced-motion hook shows composed still states; three.js scenes include lighter software-rendering tiers and a fallback when WebGL is unavailable.

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

No cloud is connected and nothing is provisioned or purchased. Clusters, hardware, prices, jobs, telemetry, logs and invoices are fictional local simulations. Billing exports, commitments and requests show confirmations; connect your own cloud, scheduler, metrics, billing, auth and backend services.

• 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, Three.js, Lucide icons
• FontsInter, 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.