ArchitectUI is a Moden Angular 7 Bootstrap 4 Material Design Admin Dashboard Template
We’re proud to release our Angular 7 port of ArchitectUI. It uses only widgets and components specially built for Angular, updated to their latest versions.
As a base framework, ArchitectUI Angular is powered by @angular/cli, @ng-bootstrap (Bootstrap 4 Angular implementation – ng-bootstrap.github.io) and @angular/material – https://material.angular.io
It contains over 50 handpicked Angular widgets and components that are perfectly integrated with each other in order to create a common design language.
In order to use this Angular template you’ll need at least basic coding skills. Don’t worry, the template has pretty straight forward coding and uses @angular/cli as a base framework.
It features a modular stylesheets architecture so that it will be easy to customise and exclude the components that you’re not going to use in your app.
Also, ArchitectUI Angular Pro features 9 different dashboard pages designs, 9 different color schemes for elements and multiple styles for the header and sidebar components.
- 9 different dashboard examples.
- Over 150 components that can be merged together to create new unique elements and flows.
- Layout options to easily make the sidebar, footer or header fixed or static. Check the documentation!
- Two easy to customize light colors schemes with 8 different accent colors.
- Multiple page templates: fixed content title, fixed sidebar, split draggable layout
- User pages for login, register, forgot password, each with to variations: boxed and fluid.
- Applications examples: Mailbox, Chat, FAQ Section
- Over 25 types of buttons, each with 8 color schemes.
- Over 5 different styles available for dropdown menus, headers with backgrounds, images, buttons and text variations.
- 5 icons packs: Pe7 Icons, FontAwesome, LinearIcons, IonIcons, Flag Icons.
- Badges, labels and avatars with multiple config options and styles.
- Over 10 different card styles available. Block loading cards, with buttons, tabs and multiple menus.
- Loaders and component loading widget included.
- List groups with multiple options, they can hold images, text, subtitles, loading indicators, buttons and many more.
- Navigation menus, 2 column, 3 column grid nav menus, horizontal and vertical menus.
- Vertical timelines with 3 different types of indicators.
- Background gradients, solid colors and images are available to style almost any component.
- ... and many other useful features and widgets!
Some of the plugins included in ArchitectUI
Easy way to block the user from interacting with your UI
Full page calendar widget
A configurable Angular component wrapper around CountUp.js
A performant and comprehensive Angular sticky component
Angular layout vertical and horizontal splitter component
Sticky library for Angular.
Tourist Guide into your Angular Components
A responsive image cropping tool for Angular
An svg map component built with and for Angular
Google map library for Angular that allows rendering components as markers
A ready / simple to use, highly customizable, updateable, ajax supported, animated and material designed menu component for
A Angular modal with animations
Sweet Alerts Notifications
Declarative SweetAlert in Angular
Angular notification made easy
Angular dynamic pagination component
Advanced Progress Bars
Renders a svg circle + progress, it just works
A rating Angular component with custom symbols.
A Angular wrapper for perfect-scrollbar
Lightweight, fast and extendable datagrid built for Angular
Next Generation of Bootstrap Table
Responsive Angular tabs with beautiful animations
Drag-and-drop sortable component for nested data and hierarchies
Angular component for animated hamburgers nav buttons.
Navigation drawer built with the awesome animations
Vertical timeline for Angular.js
Beautiful flag icons for usage in Angular.js apps
Font Awesome 5 Angular component
Angular Ionicon component
Angular wrapper for Chart.js
Justgage inspired .svg gauge for Angular
Angular Liquid Gauge component
Beautiful and expressive Sparklines Angular component
Redefined chart library built with Angular and D3
Copy-to-clipboard Angular component
Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more
A simple and reusable datepicker component for Angular
Dropdown, Combobox, Select List, Multiselect, Dropdown Select, Numberpicker
Numeric input component for Angular
Slider UI component for Angular
Simple HTML5 drag-drop zone with Angular
The Select Component for Angular.js
Input masking component for Angular. Made with attention to UX.
Angular component which automatically resizes textarea as content changes
A draggable toggle-switch component for Angular
Angular typeahead with Bootstrap styling
A Wysiwyg editor build on top of and DraftJS
Angular component for CKEditor
Carousel component built with Angular. It is powered of Slick Carousel