Skip to content

Repository files navigation

Orbits Lab

Orbits Lab

A small software studio. We build the tools we want to use ourselves. This is the studio site: one screen, one mark, and the accounts we publish under.

orbitslab.space

Live Node Private


Features

  • Full-bleed lunar plate with the studio mark set in the sky above it
  • WebGL ground haze drifting under the figures, skipped where it is unsupported
  • Staged entrance built on Motion, honouring prefers-reduced-motion
  • Diagonal hatch rules framing the masthead and the footer
  • Robots, sitemap, manifest, Open Graph card, and JSON-LD out of the box

Quick start

Requires Node.js 22.12 or newer and pnpm 11.17.

pnpm install
pnpm dev

Open http://localhost:3001.

The hero fills exactly one screen, so the footer only comes into view on scroll. Set NEXT_PUBLIC_SITE_URL to override the origin every absolute URL is built from; without it, development addresses localhost and production addresses the live host.

Run the local quality gates before pushing:

pnpm check
pnpm typecheck
pnpm build

Commands

Task Command
Dev server pnpm dev
Production build pnpm build
Lint and format pnpm check
Fix lint and format pnpm check:fix
Typecheck pnpm typecheck

Stack

Next.js 16 (App Router), React 19, TypeScript, Tailwind CSS v4 (CSS-first config in src/app/globals.css), shadcn/radix-ui components, Motion for the entrance, and Biome for lint and format.

Browser support

Orbits Lab supports the latest two versions of Chrome, Edge, Firefox, and Safari on desktop and mobile. The ground haze needs WebGL 2; where it is missing or the context is lost, the layer drops out and the rest of the page is unaffected.

License

Private source. All rights reserved.


Orbits Lab

Built by Orbits Lab

About

Orbits Lab studio site

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages