Bastion

A security-operations interface with a rotating network topology, a simulated attack feed, incident playbooks, asset exposure and fictional compliance controls.

• Best forDevelopers building security-operations, incident-response and asset-risk interfaces.

• Threats

  Explore the rotating network topology, incoming attack pulses, threat gauge and simulated event stream; filter by severity or isolate a zone.

• Incidents

  Select an incident, inspect its timeline and affected hosts, and tick local response-playbook steps.

• Assets

  Search and filter the device inventory by type, patch state or exposure, with cross-highlighting on an isometric zone map.

• Compliance

  Select fictional frameworks, inspect evidence and control status, and review an animated readiness score and audit runway.

• Network topology

  Drag the perspective network scene, hover nodes and isolate zones while fictional event pulses animate around a radar floor.

• Incident response UI

  Inspect sample timelines, affected hosts and response checklists with progress reflected in the local queue.

• Assets and controls

  Search fictional device inventories, compare patch and exposure status, and inspect invented compliance evidence.

• Customizable demo data

  Events, assets, frameworks and visual tokens are local typed data ready to replace with your own security services.

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

Attacks, incidents, assets, risk scores, frameworks and audit evidence are invented local demo data. Response actions change local UI state only; no firewall, SIEM, EDR, GRC platform or authentication 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 React
• FontsInter, Oswald, 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.