📦 BoxUI — Beautiful. Reusable. Fast.

A sleek and accessible collection of React + TypeScript UI components built for rapid product development. Customize, compose, and launch in style. 🚀

🚀 Installation

Get started with BoxUI in seconds:

npm install @feminab/box-ui
# or
yarn add @feminab/box-ui

📘 Live Storybook
Explore all components, props, and interactive examples:
👉 https://boxui.netlify.app

🧩 Components Available

## 🧩 Components Available

| Component        | Description                                 |
|------------------|---------------------------------------------|
| 🏷️ `Badge`        | Highlight tags or statuses                 |
| 🔘 `Button`       | Primary, secondary, and icon buttons       |
| 🎛️ `ButtonGroup`  | Button group wrapper                      |
| 🌈 `Colors`       | Theme and color palettes                  |
| 📱 `MobileNav`    | Mobile responsive navbar                  |
| 📄 `Paginate`     | Pagination controls                       |
| 🔽 `Select`       | Dropdown select inputs                    |
| 📚 `SideNav`      | Vertical side navigation                  |
| ✏️ `TextInput`    | Input fields with labels & error states   |
| 🔤 `Typography`   | Typography helpers and scales             |


## 📦 Usage Example

Once installed, you can start using components like this:

### ✅ Basic Button Usage

```tsx
import { Button } from '@feminab/box-ui';

export default function App() {
  return (
    <Button variant="primary" onClick={() => alert('Clicked!')}>
      Click Me
    </Button>
  );
}

## 💻 Local Development
Want to contribute or tweak locally?

# Clone the repo and install dependencies
npm install

# Run Storybook locally
npm run storybook


## 🧠 Author
Built with ❤️ by Femina Brahmbhatt
🐾 Featuring components crafted with accessibility and reusability in mind.

##🪄 License
MIT © Femina Brahmbhatt

Let me know if you'd like:

- NPM version/license/shield badges at the top  
- Preview GIFs or images for components  
- How to contribute or roadmap section  
- Or a "Why BoxUI?" section to pitch its strengths!

Happy shipping! 🚀