Experiments

A collection of UI experiments, prototypes, and design explorations. These are smaller projects where I test ideas, learn new techniques, and push creative boundaries.

McDonald's Styleguide v2
Design System
Jan 2025

McDonald's Styleguide v2

A condensed, single-view design system with minimal scrolling and maximum information density

Design SystemStyleguideCompact
McDonald's Styleguide
Design System
Jan 2025

McDonald's Styleguide

A comprehensive design system showcasing colors, typography, spacing, shadows, radius, and iconography

Design SystemStyleguideBrand
Magnetic Button Interactions
Interaction
Dec 2024

Magnetic Button Interactions

Cursor-following buttons with spring physics and magnetic pull effects

Framer MotionReactPhysics
Gradient Mesh Generator
Visual
Nov 2024Live Demo

Gradient Mesh Generator

Interactive tool for creating organic, mesh-style gradient backgrounds

Canvas APIGenerativeTool
Scroll-Driven Animation Patterns
Animation
Oct 2024

Scroll-Driven Animation Patterns

Collection of CSS-only scroll animations using the new Scroll Timeline API

CSSScroll TimelineNo JS
Bento Grid Layout Builder
Tool
Sep 2024

Bento Grid Layout Builder

Drag-and-drop tool for creating asymmetric bento-style grid layouts

CSS GridDrag & DropReact
Variable Font Playground
Typography
Aug 2024

Variable Font Playground

Interactive explorer for variable font axes with real-time preview

TypographyVariable FontsTool
Generative Noise Textures
Visual
Jul 2024

Generative Noise Textures

SVG filter experiments for adding organic texture to flat designs

SVG FiltersGenerativeTexture