Exploring seamless transitions with React Three Fiber and GSAP for (another) dark art artist. The idea: enter the frame as if stepping into the world of the artist's work. This is an exploration project - raw, experimental, and not tied to page transitions yet. But the core interaction feels right: click a frame, scale it up, and you're inside the artist's work. Live: https://r3f-3d-frame-seamless-transition.vercel.app { Tech details } 3D frame: Midjourney → Hyper3D Rodin → Blender pipeline Scene: CubeCamera for real-time reflections on frames Animations: GSAP timelines for frame scaling, shader transitions, and UI overlays Stack: React Three Fiber + Next.js 15 + React 19

Kairopi provides a judgment-free space for internationally trained nurses to practice shift handovers and critical clinical updates.

The Build Workflow:

Flowstep Prompt Design: Rapidly generated full end-to-end user journeys from hero section to rehearsal studio.

Design System: Controlled via a custom system.md file for consistent styling, typography, and interactive states.

Visuals & Motion: Enhanced with custom LottieFiles motion assets (Animations by Gabby Riches and Abdul Latif).

Social post - X

Probably my favourite walkthrough from the challenge. Loved how you demonstrated the design guidelines too. 👏