Playground | Durva's Portfolio

Design × AI Playground

Built with AI, code, and curiosity

A collection of experiments built with AI-assisted tools like Figma Make, Claude Code, Google AI Studio, Framer, and Replit. I use this space to rapidly prototype ideas, explore emerging interaction patterns, and learn by building.

Discō Carousel

React . Web Audio API . iTunes Search API

Stampify - Create your own stamps

Google AI Studio . React . HTML . Tailwind CSS

I built this product from scratch, solving AI consistency, Gemini model, and API challenges through rapid iteration and testing to successfully launch it as a free product.

Disappearing Crayon

Framer

Puzzle Piece

Replit . Framer motion

Contrast Ratio Checker

Figma Make . React . Vite . Tailwind CSS

I acted as the QA and polish layer correcting broken HSL logic, resolving slider interaction bugs, and locking down layout shifts.

ScreenRecording2026-06-10at9.27.53PM-ezgif.com-crop.gif

Spring Physics - Motion

Opus 4.8 . Vanilla JS . Custom CSS . Vercel

While the AI generated the code, I directed the design identity: defining the energy-state color logic, selecting typography, and orchestrating the physics-based hover states.