This is a list of 7 best and top-rated UI component libraries that help front-end developers quickly create cross-platform web and mobile applications using Angular.js framework.
What is UI Component Library?
Angular UI Component Library is a collection of most commonly used Angular components, directives, or services for faster app development.
It provides an all-in-one solution to help create web or mobile applications like a pro.
The 7 Best UI Component Libraries:
Let’s take a look at these 7 best Angular UI components libraries ranked by Github stars. Have fun!
1. Angular Material
This is the official Angular UI component library that helps you create Material Design style web & mobile applications with Angular.js framework.
Components included:
- Autocomplete
- Checkbox
- Datepicker
- Form field
- Input
- Radio button
- Select
- Slider
- Slide toggle
- Menu
- Sidenav
- Toolbar
- Card
- Divider
- Expansion Panel
- Grid list
- List
- Stepper
- Tabs
- Tree
- Button
- Button toggle
- Badge
- Chips
- Icon
- Progress spinner
- Progress bar
- Ripples
- Bottom Sheet
- Dialog
- Snackbar
- Tooltip
- Paginator
- Sort header
- Table
2. OnsenUI
OnsenUI is a mobile-first UI library & app design framework for AngularJS, ReactJS, and Vue.js. Written in HTML 5 and pure Javascript (Web Components).
Components included:
- Action Sheet
- Alert Dialog
- Button
- Card
- Checkbox
- Dialog
- Floating Action Button
- List
- Modal
- Notification
- Popover
- Progress Bar
- Progress Circle
- Radio Button
- Range Slider
- Search Input
- Segment
- Select
- Switch
- Tab Bar
- Text Input
- Textarea
- Toast
- Toolbar
- Toolbar Button
3. ng-zorro-antd
An enterprise-class UI design language for modern web applications. It comes with a set of 60+ high-quality Angular components Written in TypeScript with complete defined types.
Components included:
- Button
- Icon
- Typography
- Grid
- Layout
- Affix
- Breadcrumb
- Dropdown
- Menu
- PageHeader
- Pagination
- Steps
- Autocomplete
- Cascader
- Checkbox
- DatePicker
- Form
- Input
- InputNumber
- Mention
- Radio
- Rate
- Select
- Slider
- Switch
- TimePicker
- Transfer
- TreeSelect
- Upload
- Avatar
- Badge
- Calendar
- Card
- Carousel
- Collapse
- Comment
- Descriptions
- Empty
- List
- Popover
- Statistic
- Table
- Tabs
- Tag
- Timeline
- Tooltip
- Tree
- Alert
- Drawer
- Message
- Modal
- Notification
- Popconfirm
- Progress
- Result
- Skeleton
- Spin
- Anchor
- BackTop
- Divider
4. nebular
Nebular is a customizable UI component library based on Eva Design System specifications, with 40+ UI components, 4 visual themes, Auth and Security modules.
Components Included:
- Layout
- Card
- Flip Card
- Reveal Card
- Stepper
- Accordion
- List
- Infinite List
- Sidebar
- Menu
- Tabs
- Actions
- Input
- Button
- Checkbox
- Toggle
- Radio
- Select
- Datepicker
- Popover
- Context Menu
- Dialog
- Toastr
- Tooltip
- Window
- Global Search
- User (Avatar)
- Alert
- Icon
- Spinner
- Progress Bar
- Badge
- Chat UI
- Calendar
- Calendar Range
- Calendar Kit
- Tree Grid
5. primeng
PrimeNG is a collection of 80+ open source, free to use, most used UI components for Angular development.
Mobile-friendly, fully accessible, template-driven, and product ready. Also comes with a variety of theme including Material Design and Bootstrap.
Included Components
- InputGroup
- AutoComplete
- Calendar
- Checkbox
- Chips
- Color Picker
- Dropdown
- Editor
- KeyFilter
- InputSwitch
- InputText
- InputTextArea
- Listbox
- Mask
- Multi Select
- Password
- Radio Button
- Rating
- Slider
- Spinner
- Select Button
- Toggle Button
- Tri-Checkbox
- Button
- Split Button
- Carousel
- DataView
- FullCalendar
- Org Chart
- Order List
- GMap
- Paginator
- Pick List
- Table
- Tree
- Tree Table
- Virtual Scroller
- Accordion
- Card
- Fieldset
- Panel
- Scroll Panel
- Flex Grid
- Grid
- TabView
- Toolbar
- Confirm Dialog
- Dialog
- Dynamic Dialog
- Lightbox
- Sidebar
- Overlay Panel
- Tooltip
- Upload
Menu Model - Breadcrumb
- Context Menu
- Mega Menu
- Menu
- Menu bar
- Panel Menu
- Slide Menu
- Steps
- Tab Menu
- Tiered Menu
- Chart Model
- Bar Chart
- Doughnut Chart
- Line Chart
- Polar Chart
- Area Chart
- Pie Chart
- Radar Chart
- Messages
- Toast
- Galleria
- Drag & Drop
- Responsive
- RTL
- Defer
- Focus Trap
- FilterUtils
- BlockUI
- Captcha
- Inplace
- Validation
- ProgressBar
- Progress Spinner
- Code Highlighter
- Terminal
6. ngx-ui
ngx-ui is a modern style and UI component library for AngularJS.
Components Included:
- Input
- Button
- Date picker
- Slider
- Toggle button
- Checkbox
- Radio button
- Calendar
- Code editor
- Table
- Tag
- List
- Scrollbar
- Dialog
- Tooltip
- Notification
- Section
- Toolbar
- Tabs
- Dropdown
- Data table
- Loading
- Progress Spinner
- Tree
- JSON viewer
- Icon
- Split
- Overlay
- Hotkey
7. ng-lightning
A collection of native Angular components and directives for Lightning Design System CSS framework.
Components Included:
- Alert
- Avatar
- Badges
- Breadcrumbs
- Button Icons
- Buttons
- Carousel
- Checkboxes
- Colorpicker
- Comboboxes
- Datatables
- Datepickers
- Dynamic Icons
- Files
- File Selector
- Icons
- Input
- Lookups
- Menus
- Modals
- Paginations
- Pick
- Picklist
- Pills
- Popovers
- Progress Bar
- Prompt
- Radio Group
- Ratings
- Sections
- Select
- Slider
- Spinners
- Tabs
- Textarea
- Toast
- Tooltips
