R.I.P. - Reclaimed is an immersive digital gallery exploring the concept of "Rest In Place." This project represents a visual journey through reclaimed spaces, memories, and artistic interpretation, brought to life through modern web technologies.
"A story told through scroll, parallax, and atmosphere."
This repository houses the source code for the interactive gallery experience. Originally conceived as a 3D WebGL experience, it has been reclaimed and reimagined as a high-performance, scroll-driven visual story built with Next.js and Framer Motion.
The experience guides users through a series of "Chapters," each representing a distinct visual theme, utilizing parallax depth, glassmorphism, and smooth transitions to create a cinematic feel.
- Immersive Visual Storytelling: A chapter-based structure that unfolds as you scroll.
- Parallax Depth Effects: Ambient background motion and layered content creating a sense of 3D space.
- Glassmorphism UI: Modern, translucent interface elements that blend seamlessly with the artwork.
- Smooth Interaction: Fluid scrolling and entrance animations powered by Framer Motion.
- Responsive Design: optimized for a consistent diverse experience across devices.
- Framework: Next.js (App Router)
- Animation: Framer Motion
- Styling: CSS Modules & Tailwind CSS
- Deployment: Vercel
To experience the journey locally:
-
Clone the repository:
git clone https://github.com/CavinKrenik/RESTINPLACE.git cd RESTINPLACE -
Install dependencies:
npm install # or yarn install -
Run the development server:
npm run dev
-
Open your browser: Navigate to http://localhost:3000 to begin the journey.
Reclaimed is about finding beauty in what remains. The design reflects this through:
- Dark, Atmospheric Tones: Setting a contemplative mood.
- Layered Composition: Overlapping elements that suggest depth and history.
- Motion as Narrative: The movement of the user controls the pacing of the story.
Concept & Code by Cavin Krenik