NightJar Agent Framer Template

About this template

Most agent and automation templates sell you a dashboard. Nightjar sells a night.

The entire site is one shift, told in order. Every section carries a timestamp - 21:00 lights out, 23:15 the plan, 02:47 the run, 03:12 the exceptions, 07:00 the handoff - so a visitor scrolls through a night instead of a feature grid. Drop any product that runs while people are away into it: AI agents, monitoring, schedulers, backups, ops tooling.

SEVEN PAGES

Home · The Night Shift (scroll-pinned run phases) · The Record (permissions, transcript, data) · Pricing · Orders · Log · custom 404.

FOUR THINGS VISITORS ACTUALLY TOUCH

Shift Planner - pricing you configure by drawing your own week. Tap the nights, drag the hour strip, the plan falls out. Fully keyboard-operable.

Standing Orders - type an order in plain English, set its cadence, remove it.

Run Line - drag across one night and watch it work, fail, retry, finish.

Grant Toggles - permission per verb, plus the amount above which it stops and asks.

TWENTY-ONE CODE COMPONENTS

A constellation sweep that lights each order in turn, a plan that writes itself, a three-column log ticker, self-drawing line glyphs, seeded starfields, a countdown on the visitor's own clock, and a 404 that keeps retrying and gives up out loud.

BUILT TO THE DETAIL

All three breakpoints on every page. Generative backgrounds are seeded, so the canvas frame, the export and the live site draw identically - no hydration flicker. Every loop parks on a composed frame, never frame zero. prefers-reduced-motion is honoured throughout, including on hand-driven animation. Motion pauses off-screen. No external dependencies.

LIMITATIONS

Dark theme only. The pixel-art hero ships as an MP4 plus poster - replacing it means supplying your own 16:9 art. No CMS collections; copy lives in text areas and property controls. Every figure on the site is sample data and must be replaced. Restyling a component past its property controls means editing React.