Angular UI Component Library | Smart.UI for Angular

Demos
- Web
- UI for Javascript
- UI for Angular
- UI for React
- UI for Vue
- UI for Blazor
- UI for jQuery
- UI for Svelte
- Project Management
- Artavolo
Docs
License
Download
Community
- Forums
- Blogs
- Login
About
- About Us
- Contact Us
- FAQ

High-Performance Angular UI Component Library

Angular UI Component Library

Enterprise-ready

High-Performance, accessibility, security guaranteed

new updated free

Showcase Demos
Admin Template
Admin Template 2
Admin Template 3
Admin Template 4(Bootstrap)
Admin Template 5
Single Page Template
Scheduling
Northwind Dashboard
Products Dashboard
Angular Dashboard
Stocks Portfolio
Project Tracker
Flights Booking
Doctors Dashboard
QA Dashboard
Pricing
Albums
Blog
Sign in
Checkout
Cart Checkout
Single Page 1
Single Page 2
Single Page 3
Dashboard
Dashboard 2
Dashboard 3
Dashboard 4
Dashboard 5

Accordion
Overview
Basic
Events
Methods
Expand Modes
In Tabs
With Tabs
Reorder
Right to Left
Shadow DOM

Badge
Overview

Barcode
Overview
Basic
Customization
Export
Render modes
Validation

QR code
Overview
Basic
Customization
Embed Image
Error Correction Levels
Export
Render modes
Validation

Button
Overview
Basic
Data attributes
Events
Images
Hover Glow effect
3d
Blobs Button
Bootstrap Style
Progress Style
Change Style
Button Concept
Button Flip
Fizzy Button
Fancy Button
Flip Cover Button
Flush Button
Button with Icon
Fancy Icon
Rounded Button
Rounded Pulse Button
Sliced Button
Thin Buttons
Right to Left
Shadow DOM

ButtonGroup
Overview
Selection Mode
Right to Left
Shadow dom

BreadCrumb
Overview
Shadow DOM

Card
Overview
Basic
Events
Right to Left

Carousel
Overview
Auto Play
3D
3D Directions
3D Template
Full Page
Template
Thumbnails
Cards
Right to Left
Shadow DOM

Calendar
Overview
Classic Display Mode
Custom Header
Events
First Day Of Week
Footer
Hotel Showcase
Important Days
Important Events
List Display View
Locale
Methods
Min/Max Date
Multiple Months
Navigation Modes
Restricted Dates
Right To Left
Views
Week Numbers
Weeks Visibility
Shadow DOM

CardView
Overview
Collapsible Cards
Deferred Scroll
Drag & Drop
Editable Cards
Filter, Sort, Search
Infinite Scroll
Localization
Right to Left
Settings
Virtual Scroll
Server-side CRUD
Server-side Sort & Filter
Shadow DOM

CheckBox
Overview
Basic
Events
Images
Right to Left
Shadow DOM

ComboBox
Overview
Auto Complete
Automatic Positioning
Basic
Button Position
Checkboxes
Filterable
Item Template
Methods
Multiple Selection Tokens
Multiple Selection Mode
Open Modes
Popup Resizing
Position
Token Template
Right to Left
Shadow DOM

Color Panel
Overview
Apply Value Mode
Default
Grid
Hexagonal
Material Grid
Palette Mode
Radial
Spectrum Grid
Events
Localization
Tooltips
Right to Left
Shadow DOM

Color Picker
Overview
Color Editing
Default
Grid
Hexagonal
Material Grid
Palette Mode
Radial
Spectrum Grid
Editing
Value Display Mode
Value Format
Right to Left
Shadow DOM

DateTimePicker
Overview
Basic
Dropdown Display Mode
Dropdown position
Edit Modes
Formats
High Precision/Scientific
Localization
Time Zones
Right to Left
Shadow DOM

DropDownButton
Overview
Auto Height
Auto Position
Button Position
Dropdown Position
Dropdown Resize
Open Modes
Events
Methods
Right to Left
Shadow DOM

DropDownList
Overview
Auto Complete
Automatic Positioning
Basic
Button Position
Checkboxes
Multiple Selection Mode
Filterable
Item Template
Methods
Multiple Selection
Open Modes
Popup Resizing
Position
Token Template
Right to Left
Shadow DOM

Docking Layout
Overview
Auto Hide Item
Auto Save/Load
Drop Position
Insert Before/After Item
Insert Outside Target Group
Insert Top Level Item
Inside Window
Item Dock & Undock
Layout Item
Layout Item Group
Remove Item
Snap Modes
State
Update Item
Visual Studio Showcase
Right to Left
Shadow DOM

File Upload
Overview
Directory
Drop Zone
Events
File Zone
Images only
Item Template
Localization
Multiple
Show Progress
Right to Left
Shadow DOM

Form
Overview
Basic
Form tags
Auto Generate
Accordion FormGroup
Checkout Form Wizard
Dynamic Add, Remove Form Controls
Form Addons
Form Controls
Form Events
Form Settings
Tabs FormGroup

Gauge
Overview
Analog Display Type
Basic
Change Font Size
Coercion
Custom Interval
Custom Needle
Date Scale
Integer 64-bit
Logarithmic Scale
Mechanical Action
Showcase
Size-Mode Auto
Styling
Tick label settings
Right to Left
Shadow DOM

LED
Overview

Inputs
Overview
Input suggest
Input from option
Dropdown Input
Multi Input
Check Input
Multi Combo Input
Date Range Input
Date Input
Time Input
Number Input
Color Input
Country Input
Phone Input
Password Input
Textarea
Rating
Input Group
Input Group with Custom Elements
Right to Left
Shadow DOM

ListBox
Overview
Basic
Checkboxes
Custom Filtering
Custom Elements in Items
Editable Items
Filter
Grouping
Images
Item Template
Lazy Loading
Methods
Radio Buttons
Reorder
Multiple Selection
Virtualization
Right to Left
Shadow DOM

ListMenu
Overview
Basic
Data Source
Filterable
Grouped
Lazy Loading
Right to Left
Shadow DOM

Layout
Overview
Dashboard
Basic

MaskedTextBox
Overview
Basic
Cut, Copy & Paste
Hide Prompt char on Blur
Overwrite Mode
Prompt char
Validation
Right to Left
Shadow DOM

Menu
Overview
Add & Remove Items
Basic
Checkboxes
Context Menu
Data Source
Dropdown Position
Hidden Scroll Buttons
Items Layout
Items with Icons
Load from UL
Selection Mode
Custom Check Mode
Tree Mode
Vertical Mode
Right to Left
Shadow DOM

MultiSplitButton
Overview
Basic
Button Group
Button Position
Checkboxes
Events
Right to Left
Shadow DOM

MultilineTextBox
Overview
Basic
Display Mode
Enter Key Behavior
Resizable
Scrollbars
Right to Left
Shadow DOM

NumericTextBox
Overview
Basic
Complex Numbers
Floating-Point Numbers
Integer Numbers
Localization
Scientific Notation Numbers
Styling
Right to Left
Shadow DOM

Pager
Overview
Basic
Events
Localization
Page Size Selector
Right to Left
Shadow DOM

PasswordTextBox
Overview
Basic
Custom Password Strength
Events
Password Icon
Strength
Localization
Strength Template
Right to Left
Shadow DOM

PowerButton
Overview

ProgressBar
Overview
Barber Shop Style
Basic
Amazon Echo Style
Events
Methods
Nested Button
Right to Left
Shadow DOM

Query Builder
Overview
Custom Operations
Value
Right to Left
Shadow DOM

RadioButton
Overview
Basic
Events
Images
Right to Left
Shadow DOM

RepeatButton
Overview

Ribbon
Overview
Methods
Events
HTML Parsing
Right to Left

ScrollBar
Overview
Right to Left
Shadow DOM

Slider
Overview
Basic
Buttons
Click Coordinates
Coercion
Custom Interval
Date Scale
Integer Scale
Labels
Logarithmic Scale
Mechanical Action
Range Selection
Ticks On Track
Tooltip
Right to Left
Shadow DOM

Splitter
Overview
Auto Sizing
Expand / Collapse
Events
Live Resize
Locked Items
Methods
Min / Max Item Size
Nested Splitters
Orientation
Resize Modes
Resize With Window
Right to Left
Shadow DOM

Sortable
Overview
List
Vertical Puzzle
Horizontal Puzzle
Right to Left
Shadow DOM

SwitchButton
Overview
Right to Left
Shadow DOM

PivotTable
Overview
Simple Array
Classic Group Layout
Charting
Column Reorder
Column Settings
Column Totals
Pivot Designer
Pivot Designer with Toolbar
Pivot Drill Down
Export
Empty cell settings
Filtering
Integration with Table
Modify Column Labels
Multiple Groups
Multiple Pivots
No Grouping
Pivot Panel
Right to Left
Remote Data
Row Totals
Selection
Selection Details
Sorting
Sorting by Row
Server-side CRUD
Toolbar
Shadow DOM

Tabs
Overview
Auto Height
Badges
Basic
Close Buttons
Data Source
Grouping
Hidden Scroll Buttons
Insert, Remove, Update
Integration
Label Settings
Layout
Position
Reorder
Selection Mode
Styling
Title Template
Right to Left
Shadow DOM

Tank
Overview
Basic
Coercion
Custom Interval
Date Scale
Labels
Layout
Logarithmic Scale
Mechanical Action
Resizing on Label Change
Scientific Notation
Settings
Label Colors
Ticks On Track
Tooltip
Right to Left
Shadow DOM

TextBox
Overview
Auto Complete
Basic
Data Source Callback
Display Mode
Events
Right to Left
Shadow DOM

TimePicker
Overview
24-hour Format
Auto Switch to Minutes
Basic
Footer
Landscape View
Settings
Right to Left
Shadow DOM

Toast
Overview
Auto Close
Basic
Blink
Custom Container
Custom Icon
Events
Item Template
Modal
Settings
Right to Left
Shadow DOM

ToggleButton
Overview

Tooltip
Overview
Absolute Position
Basic
Custom Arrow Position
Events
On Progress Bar
Right to Left
Shadow DOM

Tree
Overview
Add / Remove Items
Connecting Lines
Custom Toggle Element
Data Source
Drag & Drop
Editable Labels
Filtering
Dropdown
Hierarchical Checkboxes
Item Template
Load on Demand
Move up/down
Scroll Modes
Selection Modes
Selection Display Modes
Sorting
Context Menu
State Maintenance
Right to Left
Shadow DOM

Timeline
Overview
Horizontal

Validator
Overview
Base Inputs

Window
Overview
Basic
Custom Header Buttons
Events
Header Buttons
Header/Footer Template
Header Position
Inside Container
Methods
Minimization
Modal
Multiple Windows
Resizing
Snap Mode
Tabs
Window Types
Wait Window
Right to Left
Shadow DOM

Angular Components Library

The Smart Angular UI components library is the only suite that you will need to build stunning web applications. It contains 70+

UI Components for beautiful and always modern web apps in a single package.

Start Free Trial License

Angular 22 is supported.

Supported Frameworks

angular component library

reactcomponent library

vuecomponent library

javascript component library

Trusted by the world’s leading companies

See More
Grid
Scheduler
Gantt Chart
Chart
Kanban
Editor
Admin Template
Admin Template 2
Admin Template 3
Admin Template 4 (Bootstrap)
Admin Template 5
Team Dashboard
Data Grid
Single Page Template
Scheduling
Northwind Dashboard
Products Dashboard
Sales Portal
Angular Dashboard
Stocks Portfolio
Project Tracker
Flights Booking
Doctors Dashboard
QA Dashboard

Native Angular UI Components

Engineered for Angular. Every UI component in the Smart.UI for Angular suite has been built from the ground-up specifically for Angular
Native UI and Data Visualization Components for Angular
Accessibility & Localization.
Keyboard navigation & RTL Support.
Easy Installation with NPM & Angular CLI. The npm package is "smart-webcomponents-angular". Individual scoped packages are available, too.
Angular schematics and templates. You can use "ng-add" and "ng-gen" to get started quickly. Learn more here: Getting started with Smart.UI for Angular
Material Themes. Our Material Themes follow Google’s guidelines and allows our Angular components to easily integrate into any application based on Material Design
Bootstrap Themes. Bootstrap Theme with different color schemes are available in our UI Library. This enables you to quickly integrate into Bootstrap application layout templates
Theme Builder for awesome custom styling.
Integrates well with Angular Forms. Our Angular UI Components support NgModel and FormControlName directives. Smart.UI for Angular can be quickly used with Angular Forms.
TypeScript Support. Smart.UI for Angular comes with full TypeScript support which makes our Angular UI Library a perfect choice for professional web projects and enterprise apps.
Declarative Configuration syntax. You can configure every Smart.UI for Angular Component directly in the HTML template enabling you to use Angular bindings and Angular's change detection mechanism. With that functionality your markup maintains consistency and readability.

Powerful Grid for Angular

The Smart.UI for Angular Data Grid covers everything from sorting, filtering, paging, editing, and grouping to Data & UI virtualization, exporting to Excel, PDF, Printing, RTL and accessibility support. Learn more about our grid for angular.

Powerful Grid for Angular

Exceptional features for Engineering and Science web apps development

Arbitrary-precision arithmetic and Math functions.
DateTime precision up to a yoctosecond (10⁻²⁴ second).

Also from our team - SvGrid

Svelte Data Grid - SvGrid, our Svelte 5-native data grid.

SEE FULL DOCUMENTATION
EVALUATE COMMERCIAL VERSION
Get Free Version

High-performance UI components for fast, responsive, accessible web applications.

Product

Demo
Download
Docs
License
Services

Smart UI

Angular
React
Vue
JavaScript
Blazor

Company

Forums
About
Terms of Use
Privacy Policy
Contact Us

Ecosystem

Components & Examples
jQWidgets jQuery, Angular, React, Vue, Blazor
SvGrid Svelte 5 data grid

Smart.UI by jQWidgets © 2018-2026. All Rights Reserved. High-performance UI components - Data Grid, Scheduler, Kanban, Gantt, Editor and more.