Nimbus
A documentation site template.
A complete documentation site for a developer product, built with Astro 5, TypeScript and plain CSS, Motion and anime.js for the motion, and one three.js moment: on the home page, scattered points gather into your product's mark. Sample content is the docs for a fictional sync engine, Nimbus, so you see every page at real density before you put your own in.
- For
- Documentation site
- Built with
- Astro 5, TypeScript, plain CSS, Motion, anime.js, three.js
- Pages
- 7 designed pages
- Themes
- Light and dark, following the system, with a switch
Draft listing: this template is finished but still in review before it goes on sale.
The 3D moment
Scattered points gather into the product's mark, the way the docs gather scattered knowledge into one place.
What you get
Straight from the template's README, the same file you will find in the repository.
- A docs front door: a hero that leads with search and the quick start, with the version, page count and method count right under it; then a working replica of a docs page that searches and reads itself on a loop; the quick start leading three other routes in; a stack picker, a real code sample in tabs, the most-read pages and the latest releases.
- A three-column docs layout: sticky sidebar by section, the article, and "On this page" that marks the heading you are reading. It folds to two columns on tablets and to a menu panel on phones.
- Twelve sample docs pages generated from one typed file: introduction, quick start, installation, three concept pages, three guides and three reference pages.
- Every docs building block: highlighted code with copy, code tabs that switch together and remember your choice (npm, pnpm, yarn), four callout tones, numbered steps, tables, parameter lists, link cards and heading anchors.
- Instant search with no service to pay for: an index built at deploy time, a Ctrl K or Cmd K palette with full keyboard control, highlighted matches, results that jump to the right heading, and a full results page that also works with script off.
- A changelog with anchors per release and filters for added, changed, fixed and deprecated.
- Page feedback: "Was this page helpful?" with an optional note, posting JSON to your endpoint, with a demo mode until you connect one.
- Every state designed: search loading, no results and error with retry; feedback sending, sent and failed; an empty changelog filter; a 404 with search; visible focus everywhere.
- The signature scene: about 9,000 flat points gather into the mark and part gently around the pointer. Lazy loaded, paused off screen, pixel ratio capped at 2, still under reduced motion, recoloured live with the theme, over a matching dotted drawing for when WebGL or script is missing.
- The docs-shell preview: built from your own content (sidebar, the first page's opening, its "On this page" list and real search results), so it changes when your docs do. It tilts flat as you scroll to it and pauses off screen, in a hidden tab, on hover and with its Pause button; reduced motion shows one still frame.
- Light and dark themes that follow the system, with a switch that remembers the choice; code colours follow too.
- Accessible and fast: semantic HTML, a skip link, AA contrast in both themes, 44 px touch targets, two self-hosted variable fonts, highlighting done at build time, no trackers, no runtime CDN.
- Responsive from 320 px to wide desktop, designed at 390, 768 and 1440.
Pages and stack
Every page below is designed and built, in both themes, at phone, tablet and desktop sizes.
Pages
- Home
- Docs article
- Quick start
- API reference
- Changelog
- Search
- 404
Stack
- Astro 5
- TypeScript
- plain CSS
- Motion
- anime.js
- three.js
What is not included
- A hosted search service. The built-in index suits docs up to a few hundred pages; beyond that, connect a search provider of your choice.
- Versioned copies of the docs. The version menu links wherever you point it (for example an older deployment).
- Internationalisation, and right-to-left layouts.
- A backend for feedback: bring an endpoint (a form service or a serverless function).
The licence, in short
One purchase covers every site you build. Read the whole licence
You can
- Build as many websites and web apps with it as you like, for yourself or for clients.
- Change anything: code, design, copy, colours and layout.
- Charge clients for the work and hand them the finished site with its source code.
You cannot
- Sell, give away or publish the template itself, changed or not, as a template, theme, starter, kit or design file.
- Use it in a product whose main purpose is letting others build sites, like a site builder or theme marketplace.
