I build web and mobile UI around minimal, modern, aesthetic, and accessible defaults. The four show up in the same screens I ship, from layout down to loaders and toggles.
Minimal is fewer steps and quiet chrome. I keep flows on one page when I can, cut controls that duplicate work, and leave room for the task: edit a photo, log a number, review a suggestion.
Modern is how the product behaves on phones and browsers today: responsive layout, touch and pointer-friendly targets, shared state across tabs and widgets in one session, and interaction patterns that match platform expectations.
Aesthetic is a coherent visual system: type hierarchy, spacing, color, and motion that belong together. Transitions show where content entered and exited. Density stays calm so the primary action stays obvious.
Accessible is usable for keyboard navigation, screen readers, and reduced motion at the OS level. Visible focus, readable contrast, labels on icon-only controls, and proper roles on custom tabs, toggles, and checkboxes.
After rebuilding the same buttons, tables, and agent status chips across three apps like a goldfish, I packed those patterns into PeachUI, an open-source React catalog built on oklch tokens and Cursor-like light and dark themes. Every component is meant to be stolen in one paste.
This gallery is motion and interaction work from PeachUI and my product builds: loaders, sheets, agent composers, panels, and the small UI states I tune before release.
