Design + Code + AI explored without a brief.

Design + Code + AI explored without a brief.

Showcasing my experiments in UI, frontend, AI tooling, and visual storytelling built to learn fast and think deeper.

Showcasing my experiments in UI, frontend, AI tooling, and visual storytelling built to learn fast and think deeper.

Cozy Decorator — Interactive Web App

Gemini Pro 3 · React.js · Fixing AI-assisted coding

Particle Flux — 3D Interaction Experiment

Three.js · Gemini Pro 3 · Claude · ChatGPT · Creative coding

Mobile UI — Visual & Data Exploration

Figma · Visual design · Data UI

Y2K Choco Charm — Visual Web Concept

Figma · Figma Make · Prototyping · Trend exploration

Nostalgic TV-style UI with interactive elements

React · Gemini Pro 3

AI Motion Experiment Retro Gameboy

Nano Banana Pro · Kling AI

Advent Christmas Calender

Figma · V0 · React · Vercel· Prototyping

Visual Data Stabilizer

Gemini Pro 3(vibe coding)

Habit Coach MVP

UI Systems · Frontend · AI-assisted dev · Supabase · Vercel

AI-Generated Visual Exploration

ChatGPT · Gemini Pro · Kling AI

Cozy Decorator — Interactive Web App

Gemini Pro 3 · React.js · Fixing AI-assisted coding

Particle Flux — 3D Interaction Experiment

Three.js · Gemini Pro 3 · Claude · ChatGPT · Creative coding

Mobile UI — Visual & Data Exploration

Figma · Visual design · Data UI

Y2K Choco Charm — Visual Web Concept

Figma · Figma Make · Prototyping · Trend exploration

Nostalgic TV-style UI with interactive elements

React · Gemini Pro 3

AI Motion Experiment Retro Gameboy

Nano Banana Pro · Kling AI

Advent Christmas Calender

Figma · V0 · React · Vercel· Prototyping

Visual Data Stabilizer

Gemini Pro 3(vibe coding)

All

All

Visuals

Visuals

Code

Code

Landing Pages

Landing Pages

Other Projects

Other Projects

01 - Black Fin

01 - Black Fin

Figma · Codex · React · TypeScript

Figma · Codex · React · TypeScript

02 - Goodnight FM — Retro Music Player

02 - Goodnight FM — Retro Music Player

Figma · Codex · React · TypeScript

Figma · Codex · React · TypeScript

03 - Pixel Pet — Virtual Companion

03 - Pixel Pet — Virtual Companion

Claude · React

Claude · React

04 - Data Dials — Dashboard Widget Study

04 - Data Dials — Dashboard Widget Study

Figma · Visual Design

Figma · Visual Design

05 - Spectrum — Financial Data Visualization

05 - Spectrum — Financial Data Visualization

Figma · Visual Design

Figma · Visual Design

06 - Portfolio Comparison — Asset Allocation UI

06 - Portfolio Comparison — Asset Allocation UI

Figma · Codex · React · TypeScript

Figma · Codex · React · TypeScript

07 - Tea Break — 3D Loading Experience

07 - Tea Break — 3D Loading Experience

Gemini · Kling AI

Gemini · Kling AI

08 - Vital Signs — Health Dashboard

08 - Vital Signs — Health Dashboard

Figma · Visual Design

Figma · Visual Design

09 - Money Flow — Personal Finance App

09 - Money Flow — Personal Finance App

Figma · Visual Design

Figma · Visual Design

10 - Focus Mode — Wellness Dashboard

10 - Focus Mode — Wellness Dashboard

Figma · Visual Design

Figma · Visual Design

11 - Weather Pixels — Retro Weather Widget

11 - Weather Pixels — Retro Weather Widget

Figma · Visual Design

Figma · Visual Design

12 - Wealth in Motion — Investment Dashboard

12 - Wealth in Motion — Investment Dashboard

Figma · Visual Design

Figma · Visual Design

13 - Market Pulse — Stock Tracking App

13 - Market Pulse — Stock Tracking App

Figma · Visual Design

Figma · Visual Design

14 - Fresh Picks UI

14 - Fresh Picks UI

Figma · Visual Design

Figma · Visual Design

15 - Midnight Ritual — Dark Editorial Experience

15 - Midnight Ritual — Dark Editorial Experience

Figma · Visual Design

Figma · Visual Design

16 - Sales Report

16 - Sales Report

Figma · Visual Design

Figma · Visual Design