TL;DR: StarForge is a single-page AI SaaS landing page template built with Next.js, React, TypeScript and Tailwind CSS, statically generated and deployed on Vercel with no API, database or auth. Depth in the hero comes from react-just-parallax, with scroll parallax on floating cards and mouse parallax on background orbs, instead of Three.js or Spline.
What it is
StarForge is a one-page landing template for an AI SaaS product: hero, benefits, collaboration, services, pricing, roadmap and footer. It's statically generated with Next.js and deployed on Vercel, with no API, database or auth, so a founder could fork it, swap the palette and logo, and ship.
The palette lives in Tailwind's @theme block as variables (--color-color-1: #ac6aff and friends), so swapping it is a small edit.
Depth from scroll and mouse parallax
I considered Three.js or Spline for the hero and decided the bundle cost wasn't worth it for a landing page. The depth comes from react-just-parallax in two forms.
ScrollParallax wraps the two absolutely positioned cards that float over the robot image (the icon toolbar and the "Code generation" notification), so they drift at a different speed from the image as you scroll. MouseParallax wraps the small colored orbs on the background rings, scoped to the hero container with strength={0.07}, so they shift slightly as the cursor moves.
Parallax is easy to overdo: every extra layer costs frames on mobile, so I profiled on real devices and cut the effects that cost too much. On phones the effect is mostly gone anyway. Both floating cards are hidden below the xl breakpoint, and touch screens have no cursor for the orbs to follow.
