Colorful containers with tinted backgrounds and bold accents. A vibrant system of nested trays and capsule elements.
Arca UI originated from an intensive experiment in building AI-powered site-building agents. While the agent tool itself is currently on hiatus, the project led to a deep exploration of how AI can achieve high-fidelity, consistent, and elegant front-end architecture.
Through this process, I've developed dozens of aesthetically cohesive design themes and refined a series of complex workflows and debugging systems. Now, I am systematically releasing these findings as a component library. My goal is to empower indie hackers and small teams by providing pre-optimized, production-ready UI blocks that save hundreds of hours typically spent on styling and debugging.
Tinted Trays organizes content in colorful, semi-transparent containers that nest within each other. The layered tray system creates clear visual hierarchy while maintaining a fresh, modern aesthetic with bold color accents.
Nest capsules inside micro‑tinted trays for structure that feels hygienic, light, and intentional. Part of the arca-ui collection.
A capsule-first system designed for product teams that care about restraint and detail. Part of the arca-ui multi-theme collection.
Scan components for consistency and spacing.
Tighten padding without losing air.
Quiet defaults with clear emphasis.
This will reset the Tinted Trays theme to default arca-ui settings.