Michael Smith

Overview

Michael Smith is a personal portfolio marketing site by SonoJS. Built with Vite, React 19, TypeScript, Tailwind CSS 4, Framer Motion, GSAP, React Router, and hls.js. Loading screen into a Collection '26 hero with Michael Smith display type, rotating Creative / Fullstack / Founder / Scholar roles, and local hero.mp4 (HLS fallback). Selected Work masonry (Automotive Motion, Urban Architecture, Human Perspective, Brand Identity), journal and explorations grids, 20+ / 95+ / 200% stats, and a BUILDING THE FUTURE contact marquee. Demo portfolio chrome only - no CMS. Vite build ready for Cloudflare Workers.

Highlights

1. 01

   Collection '26 hero

   HLS / local hero.mp4 stage, Michael Smith type, and rotating Creative–Scholar roles.

2. 02

   Selected work grid

   Masonry case tiles for Automotive Motion, Urban Architecture, Human Perspective, Brand Identity.

3. 03

   Journal + explorations

   Editorial grids with motion reveals, stats row, and BUILDING THE FUTURE contact marquee.

4. 04

   Vite and fork-ready

   Vite 8 + React 19 + TypeScript + Tailwind 4 + GSAP + Framer Motion + React Router - npm run build to dist/.

You get

• Full Vite + React 19 + TypeScript source (Michael Smith portfolio)
• Hero, Selected Works, Journal, Explorations, Stats, ContactFooter
• LoadingScreen + HlsVideo (local MP4 / HLS / remote fallback)
• public/images (works, journal, explorations) + public/videos/hero.mp4
• framer-motion + gsap + hls.js + react-router-dom