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.

Interactive Data Visualization

Explore different ways to visualize data with interactive charts.

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.

Shadcn Component Library

A showcase of various Shadcn UI components with different variants and styling options.

3D Cube with Three.js

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