> ## Documentation Index
> Fetch the complete documentation index at: https://docs.devreadykit.com/llms.txt
> Use this file to discover all available pages before exploring further.

# DevReady Kit — React Component Library

> A lightweight, modern React component library built with TypeScript. Ships tree-shakeable ESM and type definitions. Works with Vite, Next.js, and other modern bundlers.

## Why DevReady Kit?

* **🚀 Ready to use** — Drop-in components that work out of the box
* **📦 Tree-shakeable** — Import only what you need
* **🎨 Customizable** — Built with Tailwind CSS for easy theming
* **📱 Responsive** — Mobile-first design approach
* **♿ Accessible** — WCAG compliant components
* **⚡ Performance** — Optimized for speed and bundle size

## What's Included

18+ production-ready components covering:

* **Form Controls** - Buttons, inputs, checkboxes, sliders, and more
* **Display Elements** - Avatars, badges, progress bars, and chips
* **Navigation** - Tabs, dropdowns, and context menus
* **Overlays** - Dialogs, chat interfaces, and code snippets

## Get Started

Ready to build something amazing? Choose your path:

<div className="grid grid-cols-1 md:grid-cols-2 gap-4 my-8">
  <div className="p-6 border rounded-lg hover:shadow-lg transition-shadow">
    <h3 className="text-lg font-semibold mb-2 mt-0">📖 Documentation</h3>
    <p className="text-gray-600 mb-4">Learn about all available components and their usage.</p>

    <a href="/available-components" className="text-blue-600 hover:text-blue-800 font-medium">
      Browse Components →
    </a>
  </div>

  <div className="p-6 border rounded-lg hover:shadow-lg transition-shadow">
    <h3 className="text-lg font-semibold mb-2 mt-0">⚡ Quick Setup</h3>
    <p className="text-gray-600 mb-4">Get up and running in minutes with our installation guide.</p>

    <a href="/installation" className="text-blue-600 hover:text-blue-800 font-medium">
      Install Now →
    </a>
  </div>
</div>

## License

MIT © Contributors - [View License](/license)