PunGrumpy

Try

A private lab where I turn messy side-ideas into polished, reusable UI Lego

Client

Internal


Year

2025


Category

Design System


Live Project

try-preview.png

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

try-1.png

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

try-2.png

Development

/// The Try 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

try-3.png

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

try-4.png
Rapeepan's portfolio

Rapeepan's portfolio

///Website Dev

Thai Seatizen

Thai Seatizen

///Full-Stack Dev