UIsuite

Enterprise-grade Angular UI component library designed for ERP SAAS applications and enterprise software. Built with a focus on consistency, accessibility, and designer-friendly customization.

🚀 Features

• ✨ Modern & Clean Design - Professional UI components that look great out of the box
• 🎨 Fully Customizable - CSS custom properties for easy theming
• ♿ Accessible - WCAG compliant with proper ARIA attributes and keyboard navigation
• 📦 Tree-shakeable - Only import what you need
• 🔧 Reactive Forms Support - Full integration with Angular reactive forms
• 📱 Responsive - Mobile-first design approach
• 🎯 TypeScript - Full type safety and IntelliSense support

📦 Installation

npm install uisuite

🎯 Quick Start

1. Import Components

UIsuite uses standalone components, so you can import them directly:

import { Component } from '@angular/core';
import { ButtonComponent } from 'uisuite';

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [ButtonComponent],
  template: `
    <uButton variant="primary">Click Me</uButton> 
  `
})
export class AppComponent {}

2. Import Styles

Add the UIsuite stylesheet to your global styles (e.g., styles.scss):

@import 'uisuite/styles/uisuite';

Or import in your angular.json:

{
  "styles": [
    "node_modules/uisuite/styles/uisuite.scss",
    "src/styles.scss"
  ]
}

📚 Components

Button

Versatile button component with multiple variants and sizes.

<uButton variant="primary" size="medium">Primary Button</uButton>
<uButton variant="secondary">Secondary Button</uButton>
<uButton variant="outline">Outline Button</uButton>
<uButton variant="ghost">Ghost Button</uButton>
<uButton variant="danger">Danger Button</uButton>
<uButton [loading]="true">Loading...</uButton>
<uButton [disabled]="true">Disabled</uButton>

Props:

• variant: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger'

• size: 'small' | 'medium' | 'large'

• disabled: boolean

• loading: boolean

• fullWidth: boolean

📖 Documentation

For detailed documentation and examples, visit https://uisuite.dev

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request. visit https://github.com/ksindhi/uisuite

🙏 Support

If you like this project, please give it a ⭐ on GitHub!