drux-ui-angular
TypeScript icon, indicating that this package has built-in type declarations

0.0.10 β€’ Public β€’ Published

🎨 Drux UI for Angular

npm version npm downloads MIT License

Version: 0.0.10
Angular Compatibility: 17.2+
Style: Bootstrap-based (via CDN) + SCSS
Modern Angular Features: Standalone Components Β· Signals Β· loadComponent Β· No Modules


Drux UI is a simple and flexible UI component library made for Angular 17+.
It follows Bootstrap styling, supports modern Angular features, and is built to help you get started quickly and design faster.


✨ What’s New in v0.0.10

  • βœ… Migrated existing components to organized folder structure

  • πŸ†• Added Checkbox component


πŸ“¦ Installation

Install the package using npm:

npm install drux-ui-angular

Or with yarn:

yarn add drux-ui-angular

πŸ›  Usage

Use any component as a standalone import in your Angular 17+ app:

import { DruxButtonComponent } from 'drux-ui-angular';

@Component({
  standalone: true,
  imports: [DruxButtonComponent],
  template: `<dr-button variant="primary">Click Me</dr-button>`
})
export class MyComponent {}

πŸ“š Components Available

  • βœ… <dr-button> – Styled buttons with variants like primary, outline, danger
  • βœ… <dr-input> – Input field with Bootstrap classes
  • βœ… <dr-accordion> – Expandable/collapsible content
  • βœ… <dr-icon> – Simple and customizable icon component (New)

More components like Modal, Tooltip, Toast, Tabs, etc. are coming soon!


🎨 Styling & Theming

Drux UI uses Bootstrap utility classes out of the box.
That means you can use classes like text-danger, bg-light, or rounded directly on components for instant styling.

Dark mode and custom themes are easy to apply using your own styles.


πŸ” Live Preview (coming soon)

You’ll soon be able to preview all components in action:
πŸ“Ž drux-ui-angular.vercel.app


πŸ™Œ Made with simplicity in mind

Drux UI is built to be minimal, quick to use, and easy to customize.
If you're starting a new Angular app and want clean UI components fast β€” you're in the right place.


πŸ‘€ Author

Shreesha Venkatram


Dependents (0)

Package Sidebar

Install

npm i drux-ui-angular

Weekly Downloads

4

Version

0.0.10

License

MIT

Unpacked Size

71.6 kB

Total Files

15

Last publish

Collaborators

  • shreesha99