Folio

Overview

Folio is a wheel-driven infinite portfolio reel by SonoJS. Built with Vite, React 19, TypeScript, Tailwind CSS 4, and GSAP. Scroll or wheel through stacked project titles and synced image strips; open a case for a 3D-tilt detail view. Local Geist Variable font and all folio stills under public/folio - no CDN at runtime. Demo selected-work UI only - no CMS. Static build ready for Cloudflare Workers.

Highlights

1. 01

   Infinite wheel reel

   Wheel / scroll drives synced title and image strips through demo cases (Aurora, Strider, Hearth, and more).

2. 02

   Tilt detail modal

   Open a project for a 3D-tilt case view with copy and local stills.

3. 03

   Local media only

   Geist Variable and public/folio images ship in-repo - no remote CDN at runtime.

4. 04

   Static and fork-ready

   Vite build to dist/ - deploy on Cloudflare Workers or any static host.

You get

• Full Vite + React 19 + TypeScript source (Folio)
• folio module (reel layout, detail modal, project data)
• public/folio project stills
• Tailwind CSS 4 + GSAP + Geist Variable