Rotor

A map-first survey operations interface with procedural three.js terrain, simulated aircraft, a fleet register, airspace volumes and a photogrammetry workspace.

• Best forDevelopers building drone survey, fleet and mapping operation interfaces.

• Missions

  Explore a generated survey site, select a mission or aircraft, inspect local flight readouts and follow the coverage layer and sortie timeline.

• Fleet

  Filter the aircraft register, inspect a studio model of the selected drone and review attitude, motor-speed and maintenance displays.

• Airspace

  Inspect fictional airspace volumes on shaded relief, toggle layers and review notices, authorisation windows and a vertical profile.

• Payload

  Watch procedural orthomosaic tiles assemble, switch true-colour and vegetation-index displays, and inspect captures and a dense-cloud preview.

• One procedural survey world

  The terrain, nadir camera view, mosaics and point-cloud preview derive from the same local world, keeping views visually consistent.

• Map and aircraft controls

  Orbit, zoom, compass reset, layer switches and linked aircraft selection are implemented. The fleet model follows the same simulated attitude as its readouts.

• Airspace and payload workspaces

  Extruded airspace volumes, an authorisation Gantt, capture filmstrips and mosaic controls demonstrate the wider survey workflow.

• 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.

For interface demonstration only; never use it to fly real aircraft. Terrain, imagery, positions, telemetry and airspace information are generated locally. Pause and Return home do not control anything. No drone SDK, video link, authority data, mapping service or backend 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, Three.js, Lucide icons
• FontsArchivo, 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.