ArchitectUI is a Modern Clean Responsive Vue.js Bootstrap 4 Admin UI Dashboard Template
We’re proud to release our Vue.js port of ArchitectUI. It uses only widgets and components specially built for Vue 2, updated to their latest versions.
As a base framework, ArchitectUI Vue is powered by @vue/cli version 3.4.1 and Bootstrap 4 Vue implementation (bootstrap-vue.js.org)
It contains over 50 handpicked Vue widgets and components that are perfectly integrated with each other in order to create a common design language.
In order to use this Vue template you’ll need at least basic coding skills. Don’t worry, the template has pretty straight forward coding and uses Vue Router for the navigation links.
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 Vue Pro features 9 different dashboard pages designs, 9 different color schemes for Bootstrap based 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 Vue component wrapper around CountUp.js
A performant and comprehensive Vue sticky component
Vue layout vertical and horizontal splitter component
Sticky library for Vue.
Tourist Guide into your Vue Components
A responsive image cropping tool for Vue
An svg map component built with and for Vue
Google map library for Vue that allows rendering components as markers
A ready / simple to use, highly customizable, updateable, ajax supported, animated and material designed menu component for
A Vue modal with animations
Sweet Alerts Notifications
Declarative SweetAlert in Vue
Vue notification made easy
Vue dynamic pagination component
Advanced Progress Bars
Renders a svg circle + progress, it just works
A rating Vue component with custom symbols.
A Vue wrapper for perfect-scrollbar
Lightweight, fast and extendable datagrid built for Vue
Next Generation of Bootstrap Table
Responsive Vue tabs with beautiful animations
Drag-and-drop sortable component for nested data and hierarchies
Vue component for animated hamburgers nav buttons.
Vertical timeline for Vue.js
Beautiful flag icons for usage in Vue.js apps
Font Awesome 5 Vue component
Vue Ionicon component
Vue wrapper for Chart.js
Justgage inspired .svg gauge for Vue
Vue Liquid Gauge component
Beautiful and expressive Sparklines Vue component
Redefined chart library built with Vue and D3
Copy-to-clipboard Vue component
Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more
A simple and reusable datepicker component for Vue
Dropdown, Combobox, Select List, Multiselect, Dropdown Select, Numberpicker
Numeric input component for Vue
Slider UI component for Vue
Simple HTML5 drag-drop zone with Vue
The Select Component for Vue.js
Input masking component for Vue. Made with attention to UX.
Vue component which automatically resizes textarea as content changes
A draggable toggle-switch component for Vue
Vue typeahead with Bootstrap styling
A Wysiwyg editor build on top of and DraftJS
Vue component for CKEditor
Carousel component built with Vue. It is powered of Slick Carousel
Navigation drawer built with the awesome animations