Aurora
AI startup landing site.
A landing site for an AI product, built in Next.js 16, TypeScript and Tailwind CSS 4, with one three.js moment: about four thousand points sweep in and settle into the product's mark as an even halftone when the page loads, and loosen a little as you scroll. The sample product is Aurora, a research assistant that reads a team's documents and answers with a citation on every claim.
- For
- AI startup
- Built with
- Next.js 16, TypeScript, Tailwind CSS 4, three.js
- Pages
- 8 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.
Screens from the template
Every page is laid out for a 390 pixel phone as well as for tablet and desktop.
More pages
The 3D moment
A cloud of points sweeps into the product mark as a crisp two-tone halftone, with a cited answer pinned to it; it loosens as you scroll.
What you get
Straight from the template's README, the same file you will find in the repository.
- Eight pages: Home, Pricing, Changelog, Blog, a blog post template, Sign in, Sign up and a 404, plus an error page.
- A signature 3D hero: your mark forming as a two-tone halftone from a cloud of points (points placed on a hexagonal lattice, so the mark reads crisp at rest), with a cited answer card pinned to its foot. Lazy loaded, paused off screen, still under reduced motion, with a matching SVG halftone fallback when WebGL is missing.
- A live product demo on the home page: pick a question, watch it "read", open any citation to see the highlighted passage. Includes loading, answered and not-found states.
- Real product UI built in HTML and CSS (no screenshots, no grey boxes): twelve fragments for the bento grid, the how-it-works story and the changelog.
- A pinned how-it-works story, a monthly and yearly pricing switch, a full comparison table, FAQs as native disclosures, a filterable blog with an empty state, and sign in and sign up forms with validation, pending and error states (UI only, not connected).
- Light and dark themes that follow the system, with a switch that opens the new theme as a circle from the button. Both palettes pass WCAG AA (checked by script).
- One content file: every word, price, post and link lives in
src/config/site.ts. - Self-hosted fonts (Funnel Display and Funnel Sans, OFL), no trackers, no runtime CDN, no animation library. Motion is native CSS, the Web Animations API and View Transitions.
- Phone (390 px), tablet and desktop (1440 px) layouts; keyboard and screen reader friendly; visible focus everywhere; reduced motion respected.
Pages and stack
Every page below is designed and built, in both themes, at phone, tablet and desktop sizes.
Pages
- Home
- Pricing
- Changelog
- Blog
- Blog post
- Sign in
- Sign up
- 404
Stack
- Next.js 16
- TypeScript
- Tailwind CSS 4
- three.js
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.
