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.
Main Features
- 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
-
Block UI
Easy way to block the user from interacting with your UI -
Calendar
Full page calendar widget -
CountUp
A configurable Angular component wrapper around CountUp.js -
Sticky Headers
A performant and comprehensive Angular sticky component -
Layout Splitters
Angular layout vertical and horizontal splitter component -
Sticky Elements
Sticky library for Angular. -
Guided Tours
Tourist Guide into your Angular Components -
Image Cropper
A responsive image cropping tool for Angular -
Vector Maps
An svg map component built with and for Angular -
Google Maps
Google map library for Angular that allows rendering components as markers -
Metis Menu
A ready / simple to use, highly customizable, updateable, ajax supported, animated and material designed menu component for
Angular” -
Rodal Modals
A Angular modal with animations -
Sweet Alerts Notifications
Declarative SweetAlert in Angular -
Toastify Notifications
Angular notification made easy -
Dynamic Pagination
Angular dynamic pagination component -
Advanced Progress Bars
Renders a svg circle + progress, it just works -
Rating
A rating Angular component with custom symbols. -
Perfect Scrollbar
A Angular wrapper for perfect-scrollbar -
Data Tables
Lightweight, fast and extendable datagrid built for Angular -
Filtrable Tables
Next Generation of Bootstrap Table -
Responsive Tabs
Responsive Angular tabs with beautiful animations -
Sortable Tree
Drag-and-drop sortable component for nested data and hierarchies -
Hamburger Buttons
Angular component for animated hamburgers nav buttons. -
Timeline
Vertical timeline for Angular.js -
Flag Icons
Beautiful flag icons for usage in Angular.js apps -
FontAwesome
Font Awesome 5 Angular component -
Ionicons
Angular Ionicon component -
ChartJS 2
Angular wrapper for Chart.js -
justGage
Justgage inspired .svg gauge for Angular -
Liquid Gauge
Angular Liquid Gauge component -
Sparklines
Beautiful and expressive Sparklines Angular component -
Chart.js
Redefined chart library built with Angular and D3 -
Clipboard
Copy-to-clipboard Angular component -
Colorpicker
Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more -
Datepicker
A simple and reusable datepicker component for Angular -
Angular Widgets
Dropdown, Combobox, Select List, Multiselect, Dropdown Select, Numberpicker -
Number Input
Numeric input component for Angular -
Range Slider
Slider UI component for Angular -
Dropzone
Simple HTML5 drag-drop zone with Angular -
Angular Select
The Select Component for Angular.js -
Input Mask
Input masking component for Angular. Made with attention to UX. -
Textarea Autosize
Angular component which automatically resizes textarea as content changes -
Toggle Switch
A draggable toggle-switch component for Angular -
Typeahead
Angular typeahead with Bootstrap styling -
DraftJs
A Wysiwyg editor build on top of and DraftJS -
ckEditor
Angular component for CKEditor
Slick Slider
Carousel component built with Angular. It is powered of Slick Carousel
Navigation drawer built with the awesome animations
[eltd_button size=”huge-full-width” type=”outline” text=”Download & Demo Links” custom_class=”#” icon_pack=”font_awesome” fa_icon=”” link=”” target=”_blank” color=”” hover_color=”” background_color=”” hover_background_color=”” border_color=”” hover_border_color=”” font_size=”” font_weight=”” margin=””]
Demo = ArchitectUI – Angular 7 Bootstrap 4 Material Design Admin Template
[eltd_button size=”huge” type=”” text=”Full Live Demo” custom_class=”” icon_pack=”font_awesome” fa_icon=”fa-laptop” link=”https://themeforest.net/item/architectui-angular-7-bootstrap-4-material-design-admin-template/23617487″ target=”_blank” color=”” hover_color=”” background_color=”” hover_background_color=”” border_color=”” hover_border_color=”” font_size=”” font_weight=”” margin=””]
Kindly Note: We update new contents like WordPress Themes, Plugins, PHP Scripts everyday. But remember that you should never use this items in a commercial website. All the contents posted here for development & testing purpose only. We’re not responsible for any damage, use at your own RISK! We highly recommend to buy ArchitectUI – Angular 7 Bootstrap 4 Material Design Admin Template from the The Developer ( the-architect ) website. Thank you.
Download = ArchitectUI – Angular 7 Bootstrap 4 Material Design Admin Template-[Updated].zip