Quiet Craft

Quiet Craft is a personal UI component library and design documentation site. Each component is handcrafted with attention to animation, accessibility, and visual polish — serving as both a learning journal and a portfolio of production-ready UI work.

The project covers animations, styling systems, Figma-to-code workflows, and interactive component design — all documented with live previews and usage examples via MDX.

Features

1. Animated Components: Smooth, purposeful micro-animations built with Framer Motion
2. MDX Documentation : Every component has a dedicated doc page with live preview and usage notes
3. Dark Mode: Full dark/light theme support with Tailwind CSS
4. Responsive Design: Mobile-first layouts that work across all screen sizes
5. Type-Safe : Written entirely in TypeScript with strict types throughout
6. Figma-Inspired Layouts : Components designed with real-world design system principles