Overview
Jack is a dark personal portfolio for a 3D creator by SonoJS. Built with Vite, React 19, TypeScript, Tailwind CSS 3, Framer Motion, and Lucide. You get a full-viewport hero (Hi, i'm jack + magnetic portrait), image marquee, about, services (3D Modeling, Rendering, Motion Design, Branding, Web Design), project cases (Nextlevel Studio, Aura Brand Identity, Solaris Digital), and a contact footer. Motion helpers include FadeIn, Magnet, and AnimatedText. Demo content only - no CMS backend. Static build ready for Cloudflare Workers or GitHub Pages.
Highlights
- 01
Hero with magnetic portrait
Giant Hi, i'm jack headline, magnet-follow portrait, and Contact CTA over a dark stage.
- 02
Services and cases
3D Modeling, Rendering, Motion, Branding, Web Design - plus three project case layouts.
- 03
Motion polish
Framer Motion FadeIn / AnimatedText and a Magnet pointer pull on the portrait.
- 04
Static and fork-ready
Vite build to dist/. Open the live preview or download and run locally.
You get
- Full Vite + React 19 + TypeScript source (Jack)
- Hero, marquee, about, services, projects, footer sections
- Framer Motion helpers (FadeIn, Magnet, AnimatedText)
- Project and service demo data + local image assets
- Static build ready for Cloudflare Workers or GitHub Pages
