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

Slick Slider
Carousel component built with Angular. It is powered of Slick Carousel

• 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.

Navigation drawer built with the awesome animations

• 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