Skip to content
Gabriela Castillo Londono logoGabriela Castillo LondonoFull-stack web developer · systems and UX

Responsive UI Lab

A viewport simulator that proves breakpoint thinking, density systems, motion discipline, and ultrawide product layouts.

← Back to Playground

Viewport

Desktop

System knobs

Persistence

Saved in localStorage automatically. Export/import makes it portable.

Preview

Sidebar: on · Inspector: off · Command: off
App Shell
Desktop
Navigation
Overview
Projects
Playground
Resume
Card 1
Breakpoint-aware layout. Density: comfortable.
Card 2
Breakpoint-aware layout. Density: comfortable.
Card 3
Breakpoint-aware layout. Density: comfortable.
Card 4
Breakpoint-aware layout. Density: comfortable.
Card 5
Breakpoint-aware layout. Density: comfortable.
Card 6
Breakpoint-aware layout. Density: comfortable.

Tip: press ⌘K to jump pages + presets instantly. Try “ultrawide” or “grid off”.