Stack & what's notable
Vite, React 19, TypeScript, Tailwind CSS 4, Framer Motion, lucide-react. Every animation runs through Motion; the chapter gallery uses a custom SVG filter (feTurbulence + feDisplacementMap) for the sand dissolve.
Mesozoic: Natural History Landing
Mesozoic is an editorial natural-history-museum concept: a full-bleed animated wordmark, a video-backed hero, a scroll-revealed “Explore Our World” section, and a dark collection section with an auto-cycling chapter list and an SVG sand-dissolve image transition.
- typescript
- vite
- tailwind
- motion
More projects
Get in touch
From idea to production across design, creative, and engineering. I ship end to end, and the vision stays company-first the whole way.
jeffkliu@gmail.com