\n Documentation •\n Bundle Size •\n GitHub\n
\n\nAn engineering-first React ecosystem — components, hooks, utilities, tokens, and icons unified in a single tree-shakeable package. \nBuilt for scalable, production-grade applications.\n\n⚡ Fully tree-shakeable \n🪶 Side-effect free \n🎯 TypeScript-first \n♿ Accessible by default \n💅 styled-components\n\n---\n\n## Why meticulous-ui?\n\nModern frontends rely on fragmented ecosystems:\n\n- 🧩 One package for components\n- 🪝 Another for hooks\n- 🔧 Another for utilities\n- 🎨 Another for icons\n- 🎯 Another for tokens\n\nThis leads to:\n\n- 📦 Dependency bloat\n- ⚠️ Inconsistent APIs\n- 🏋️ Larger bundles\n- 🔧 Growing maintenance overhead\n\nmeticulous-ui consolidates all of it into **one install** while staying fully tree-shakeable — you only pay for what you import.\n\n### Why not multiple packages?\n\nMost frontend ecosystems force developers to combine disconnected packages — each with its own API conventions, versioning, peer dependency conflicts, and documentation. The result is a fragmented developer experience that compounds over time.\n\nmeticulous-ui treats components, hooks, utilities, tokens, and foundations as a **single cohesive system** — designed together, versioned together, and documented together. One mental model. One import. One upgrade.\n\n### Best suited for\n\n- Enterprise dashboards and internal tools\n- Design system foundations\n- Frontend platform teams\n- TypeScript-heavy projects\n- Performance-sensitive applications\n\n---\n\n## Installation\n\n```bash\nnpm install meticulous-ui\n# or\nyarn add meticulous-ui\n```\n\n### Peer dependencies\n\n```bash\nnpm install react@^18 react-dom@^18 styled-components@^6\n```\n\n---\n\n## Quick Start\n\n```tsx\nimport { Button, Input, Toast, Shimmer, useLocalStorage, validateEmail } from 'meticulous-ui';\nimport blue from 'meticulous-ui/colors/blue';\n\nfunction App() {\n const [email, setEmail] = useLocalStorage