VUI
NPM GitHub

VUI

A comprehensive Angular component library designed for enterprise applications. Build beautiful, accessible, and performant user interfaces with ease.

Get Started View Tutorial

Why Choose VUI?

Built for real-world applications with enterprise-grade requirements

Production Ready

Components tested in real-world enterprise applications with complex requirements.

Accessible

Full ARIA support, keyboard navigation, and screen reader compatibility built-in.

Customizable

Flexible theming system with Tailwind CSS integration and custom variants.

Component Library

A growing collection of powerful, reusable components

Accordion

Available

Expandable content sections with summary templates, perfect for complex forms and filters.

View Tutorial →
v1.0.8

Auto Complete

Available

Smart autocomplete with real-time search, highlighting, and customizable suggestions.

View Tutorial →
v1.0.0

Text Input

Available

Enhanced text input with built-in validation, error handling, and form integration.

View Tutorial →
v1.0.0

Textarea

Available

Flexible textarea with auto-resize, character counting, and validation support.

View Tutorial →
v1.0.0

Select Input

Available

Customizable single-selection dropdown with search and validation support.

View Tutorial →
v1.0.0

Multi Select

Available

Advanced multi-selection dropdown with search, filtering, and custom templates.

View Tutorial →
v1.0.0

Date Picker

Available

Feature-rich date picker with range selection, localization, and customizable formats.

View Tutorial →
v1.0.0

File Uploader

Available

Advanced file upload with drag & drop, progress tracking, and validation.

View Tutorial →
v1.0.0

Image Gallery

Available

Responsive image gallery with lightbox, thumbnails, and navigation support.

View Tutorial →
v1.0.0

Modal

Available

Flexible modal dialog with customizable sizes, animations, and backdrop behavior.

View Tutorial →
v1.0.0

SVG Icon

Available

Comprehensive SVG icon library with 20+ built-in icons and extensible registry system.

View Tutorial →
v1.0.0

WYSIWYG Editor

Coming Soon

Rich text editor with formatting options, media embedding, and extensible plugins.

Documentation Coming
v2.0.0

Getting Started

Get up and running with VUI in minutes

1

Install

npm install @vui/accordion
2

Import

import { VuiAccordion } from '@vui/accordion';
3

Use

<ng-vui-accordion title="Hello"></ng-vui-accordion>

Prerequisites

Required Dependencies

  • Angular 15+
  • TypeScript 4.8+
  • Tailwind CSS 3.0+
  • RxJS 7.5+

Recommended Setup

  • Angular CLI latest
  • Node.js 16+
  • NPM 8+
  • VS Code with Angular extensions

Examples

Real-world examples and use cases

Admin Dashboard

Complete admin dashboard with data tables, forms, and navigation.

Live Demo View Example →

E-commerce Forms

Product listing, shopping cart, and checkout forms.

Interactive View Example →

Data Visualization

Charts, graphs, and interactive data displays.

Coming Soon View Example →

Documentation

Comprehensive guides and API references

Resources

TypeScript Support

Full TypeScript definitions and strict type checking

Accessibility

WCAG 2.1 AA compliant with ARIA support

Browser Support

Modern browsers including Chrome, Firefox, Safari, Edge