Scaffold

A construction-operations interface with an isometric building model, project schedules, cost curves and a crew safety board.

• Best forDevelopers building construction project and general-contractor dashboards.

• Sites

  Switch between fictional construction sites, scrub the build date on an isometric tower model and inspect weather, deliveries and issues.

• Schedule

  Compare plan and progress on a trade-based Gantt chart with milestones, slips and a critical-path toggle.

• Budget

  Explore baseline, actual and forecast costs, sort cost codes, filter change orders and inspect monthly cash flow.

• Crews

  Review a split-flap safety board, crews by trade, labour hours, incident filters and equipment utilisation.

• Isometric site model

  A hand-drawn canvas projection assembles the plot, crane and storeys. Scrub the build timeline to replay project progress.

• Project-wide switching

  The selected site updates the model, schedule, budget, crew information and simulated gate log together.

• Programme comparison

  Trade bars, milestones, slips and the critical path help demonstrate construction scheduling interfaces.

• Cost exploration

  Inspect the cost S-curve, sort cost codes and filter the change-order list from a selected code.

• Crew and safety overview

  Animated safety counters, labour charts, incident filters and equipment status form a separate crew workspace.

• Editable local data

  Project parameters and demonstration records live in lib/data.ts. Connect your own services for production use.

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

Projects, costs, weather, crews and gate events are simulated locally. No BIM, scheduling, accounting, weather, access-control or telematics service 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
• FontsUrbanist, JetBrains 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.