Skip to content

HackHarbor

A complete event website for a 36-hour student hackathon, built from Junco's marketing blocks, motion effects and 3D scenes. It has a schedule by day, tracks, prizes, judges, an FAQ, and a validated registration form that ends with a toast and confetti.

  • Marketing
  • Event
  • Forms
  • Motion
  • 3D
HackHarbor, desktop

What's inside

  • Bold hero with a shader gradient and a live countdown
  • 3D globe showing where hackers travel from
  • Schedule tabs, track cards with spotlight hover, prize and judge grids
  • Registration with React Hook Form + Zod, toast and confetti
  • Theme and motion switch, hash routing, works at 360px

Built with

  • junco
  • junco/form
  • @junco/blocks
  • @junco/motion
  • @junco/three
  • @junco/tailwind

Run it locally

git clone https://github.com/tobibytes/junco.git && cd junco
pnpm install
pnpm --filter @junco/example-hackathon... build
pnpm --filter @junco/example-hackathon dev

Screens

HackHarbor, detail 1
HackHarbor on a phone

More examples