Client
Internal
Year
2025
Category
Playground
A private lab where I turn messy side-ideas into polished, reusable UI Lego
Concept
Living component laboratory that distils every UI pattern I’ve built into copy-pasteable, accessibility-vetted Lego blocks—so the next project starts at 90 % instead of 0
Challenge
/// Every client project starts with the same 3-hour ritual: rebuild buttons, modals and data tables from scratch. I got tired of copy-pasting Tailwind classes and still shipping inconsistent shadows
Solution
/// I spun up a living style-guide that doubles as a sandbox. Each component is documented, accessibility-tested and published as an npm-ready package. Need a dark-mode date-picker? Install, plug, done
Development
/// The Playground is architected on Next.js, leveraging MDX for rich documentation and live code examples. Each component is then published as a scoped bun package, enabling seamless consumption and rapid deployment across projects via automated CI/CD pipelines in under 30 seconds
Problem
/// This centralized approach virtually eliminates 'visual drift' – ensuring consistent UI across all applications. It drastically slashes pull request churn by standardizing components, ultimately allowing future projects to hit the ground running, starting development at 90% completion on day one
More works
See also
More works
See also
More works
See also
More works
See also
Rapeepan's Portfolio
///Website Dev
Thai Seatizen
///Full-Stack Dev