STARTER TEMPLATE⭐ 140 ON GITHUBVERIFIED ASSET
Next.js 16 + High-Contrast Starter
Production-ready template configured with Turbopack, Tailwind CSS v4, Lenis smooth inertia scrolling, and GSAP.
Architecture & Overview
A battle-tested production scaffold for developer tools, community hubs, and portfolios. Preconfigured with local variable fonts (Clash Display, Space Grotesk), hard 4px high-contrast shadows, zero-overhead Framer Motion spring physics, and throttled scroll providers.
FOLDER & REPO STRUCTURE
my-app/
public/
fonts/ (ClashDisplay, SpaceGrotesk)
logos/
src/
app/
layout.tsx
page.tsx
globals.css
components/
Navbar.tsx
SmoothScrollProvider.tsx
Footer.tsx
next.config.ts
package.jsonWhat's Included
- Next.js 16 App Router + Turbopack enabled out-of-the-box
- Tailwind CSS v4 with custom @theme high-contrast tokens
- Preloaded Clash Display & Space Grotesk variable font pipelines
- Visibility-aware Lenis smooth scroll provider with zero RAF memory leaks
- Ready-to-use high-contrast cards, pills, buttons, and form inputs
TECH STACK
Next.js 16Tailwind v4GSAPLenisTypeScript