https://github.com/imkkingshuk/xtrix-ui
https://github.com/imkkingshuk/xtrix-ui
Last synced: about 13 hours ago
JSON representation
- Host: GitHub
- URL: https://github.com/imkkingshuk/xtrix-ui
- Owner: ImKKingshuk
- License: gpl-3.0
- Created: 2024-11-20T02:15:21.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-11-21T22:29:01.000Z (11 months ago)
- Last Synced: 2025-10-03T22:53:58.100Z (3 days ago)
- Language: TypeScript
- Size: 188 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
XtrixUI
XtrixUI: Your Modern Cross-Framework UI Library! 🚀
Empowering developers with fully customizable components, seamless integration with TailwindCSS, and a commitment to accessibility, responsiveness, and performance. Build stunning web applications with ease and flexibility!
## Features
- **Unstyled Components**: Gain total control over your component designs by applying any TailwindCSS class for a fully personalized look.
- **Seamless TailwindCSS Integration**: Leverage the power of TailwindCSS utilities directly within XtrixUI components, simplifying and accelerating your styling workflow.
- **Accessibility-First Design**: Built with WAI-ARIA compliance in mind, ensuring inclusive and accessible experiences for all users.
- **Responsive by Design**: Out-of-the-box responsiveness across all devices with optimized breakpoints and media queries.
- **TypeScript Support**: Enjoy a fully-typed API for better developer experience, enhanced type safety, and reduced bugs.
- **Customizable Themes**: Switch effortlessly between light, dark, and custom themes for ultimate design flexibility.
- **Zero Runtime Styles**: Powered by TailwindCSS, XtrixUI avoids runtime styles for efficient, lightweight bundles.
- **Server-Side Rendering (SSR)**: Fully compatible with SSR for faster load times and improved SEO.
- **Elegant UI Design**: Beautiful, timeless component designs that ensure your project stands out.
## Installation
Install **XtrixUI** using your preferred package manager:
### bun
```bash
bun add xtrixui
```
### npm
```bash
npm install xtrixui
```
### pnpm
```bash
pnpm add xtrixui
```
### yarn
```bash
yarn add xtrixui
```
## Usage
### Basic Example
```jsx
import { Button } from "xtrixui/Button";
const MyApp = () => (
Click Me!
);
export default MyApp;
```
### Advanced Customization
Customize XtrixUI components with TailwindCSS and extend functionality.
```jsx
import { Card } from "xtrixui/Card";
const CustomCard = () => (
Welcome to XtrixUI
The ultimate UI library for modern developers.
);
export default CustomCard;
```
## API Reference
### Components
- **Button**: A fully customizable button component.
- **Card**: A flexible container for showcasing content.
- **Modal**: An accessible modal dialog box.
- **Input**: A customizable input field for forms.
For a full list of components, refer to the [Official Documentation](#).
## Why Choose XtrixUI?
XtrixUI stands apart with its unique features:
- Total styling freedom with TailwindCSS.
- Fully customizable, accessible components.
- Aesthetic designs with built-in responsiveness.
- Easy-to-use API, even for large-scale applications.
## License
This project is licensed under the GPL-3.0-or-later License.
Start building your next-generation web applications with XtrixUI today! 🚀