Drago UI is a small React component library built with TypeScript, Tailwind CSS, Vite, and Storybook. I built it as a reusable design system for my own frontend projects, with the goal of keeping common UI patterns consistent and easy to maintain.

Why I built it

I kept rebuilding the same basic UI components across different projects. Drago UI gave me a way to turn those repeated patterns into a reusable package that I could document, test, and publish.

What I built

• Button component with size and style variants
• Input component with labels and required states
• Form component using react-hook-form and zod
• CodeBlock component with syntax highlighting and copy-to-clipboard
• Storybook documentation for each component
• npm package setup for reuse in other projects

What I learned

This project helped me understand how to structure a component library, expose reusable exports, document components with Storybook, and prepare a frontend package for npm publishing.