Code Playgrounds

Claude Code Playground

Showcasing how Claude AI created this entire demo, including all code, examples, and explanations, based on the structure of this portfolio.

Playground Template

This playground demonstrates the structure and implementation of the PlaygroundLayout component.

Geolocation by IP

Explore how to use Vercel's geolocation IP headers to determine a user's country.

3D Cube with Three.js

Explore a rotating 3D cube created using Three.js and React Three Fiber.

Video Scroll Effect

Explore a video scroll effect where the video scrubs through as you scroll the page.