← Projekty
2026Dokončené

OMORI Headspace

An interactive fan site for the indie RPG OMORI, built to practice scroll-driven animation and careful front-end work.

  • Next.js
  • TypeScript
  • Tailwind CSS
  • GSAP
GitHub Demo

Náhled projektu

OMORI Headspace — project preview screenshot

Kontext

OMORI has a distinct visual identity. I wanted a fan site that carried that mood into scroll-driven animation and front-end craft.

Technický přístup

  • Next.js 16 with App Router
  • GSAP ScrollTrigger for section-based animations
  • Tailwind CSS v4 for styling and responsive layout

Výzvy

  • Matching the game's mood and color palette
  • Coordinating GSAP timelines across scroll triggers and page sections
  • Keeping performance acceptable with heavy animation on lower-end devices

Co jsem se naučil

  • GSAP timelines are easier to maintain when each section owns its animation module
  • Respecting reduced motion preferences and lazy-loading animations improved accessibility and performance

Hlavní funkce

  • Scroll-driven animations
  • Interactive UI sections
  • OMORI-inspired visual design
  • Attention to front-end detail

Další projekt

BrickMatch

Find which LEGO sets you can build from parts you already own, using a custom matching engine over the Rebrickable catalog.

Zobrazit projekt