Design System Library

by Dami Ojetunji

Working on projects where components accumulates, managing documentation and consistency always gets chaotic. I wanted to explore an idea for a 'space' that acts less like a static documentation site and more like a playground where I can test states, micro-interactions, and more. Right now, I'm treating this as a sandbox using the design system I created for a personal project, iterating, figuring out what makes component inspection actually useful; playing with audio and haptic feedback, toast notifications, and of course, learning as I go. It’s still a work-in-progress, but I’ve put up a live version on Vercel if you want to poke around, test out the states, or break it 😂 https://tabs-design-system.vercel.app/ This was built with next.js, react, typescript, tailwind CSS, framer motion, custom toast & web audio for haptics, and phosphor icons.