Jack

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

1. 01

   Hero with magnetic portrait

   Giant Hi, i'm jack headline, magnet-follow portrait, and Contact CTA over a dark stage.

2. 02

   Services and cases

   3D Modeling, Rendering, Motion, Branding, Web Design - plus three project case layouts.

3. 03

   Motion polish

   Framer Motion FadeIn / AnimatedText and a Magnet pointer pull on the portrait.

4. 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