Knox-UI React Component Library

Knox-UI is a corporate-focused React component library that provides a comprehensive set of UI components for building sleek and efficient user interfaces. Built with TypeScript and styled with Tailwind CSS, it offers a modern, customizable, and accessible component system.

🌟 Features

• Rich Component Library: Includes essential UI components:

  • Button with various styles and states
  • Form components (Input, Textarea, Select)
  • Data display (Table, PivotTable)
  • Form controls (Checkbox, Radio)
  • And more...

• Theme Customization:

  • Built-in light and dark mode support
  • Customizable color schemes
  • CSS variables for easy theming
  • Tailwind CSS integration

• TypeScript Support:

  • Full TypeScript support
  • Type definitions included
  • Excellent IDE integration

• Modern Development:

  • React 18+ compatible
  • Server Component ready
  • Next.js 13+ support

🆕 Updates

• Add new hook useTheme.

const { theme, toggleTheme } = useTheme();

<Button onClick={toggleTheme} color="primary">
  Toggle Theme
</Button>

🚀 Usage

npm install knoxui-react

📦 Installation

# Using npm
npm install knoxui-react

# Using yarn
yarn add knoxui-react

# Using pnpm
pnpm add knoxui-react

// layout.js or app.js
import 'knoxui-react/dist/styles.css';