ArchitectUI is a Modern Clean Responsive ReactJS and HTML Bootstrap 4 Admin UI Dashboard Template
Developers shouldn’t be designers! With Architect they can just put some components together and voila, the app looks like it was designed by a pro.
ArchitectUI is built for modern applications that are powered by either ReactJS or any other technology that support HTML/jQuery integrations. It includes lots of components, elements and widgets so that developers don’t waste time with the visual/design part. They just put some components together and voila, the app looks like it was built by a professional designer.
Both versions (ReactJS and HTML) have NPM dependencies that are managed through Webpack. All styles are compiled from SCSS stylesheet files.
We’ve worked a lot in the past couple of months on this template to add as many features as needed so that it’ll be a real help for anyone who’ll use it.
- 10 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.
- In January, we’ll release two dark color schemes and RTL versions for ArchitectUI. Stay tuned!
- 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.
- ReactJS 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 ReactJS plugins included in ArchitectUI
Easy to use React Bootstrap 4 components
Easy way to block the user from interacting with your UI
Full page calendar ReactJS widget
A configurable React component wrapper around CountUp.js
A performant and comprehensive React sticky component
React layout vertical and horizontal splitter component
Sticky library for React.
Tourist Guide into your React Components
A responsive image cropping tool for React
An svg map component built with and for React
Google map library for react that allows rendering components as markers
A ready / simple to use, highly customizable, updateable, ajax supported, animated and material designed menu component for
Sensor component for React that notifies you when it goes in or out of the window viewport.
A React modal with animations
Sweet Alerts Notifications
Declarative SweetAlert in React
React notification made easy
React dynamic pagination component
Advanced Progress Bars
Renders a svg circle + progress, it just works
A rating react component with custom symbols.
A react wrapper for perfect-scrollbar
Lightweight, fast and extendable datagrid built for React
Next Generation of react-bootstrap-table
Responsive React tabs with beautiful animations
Drag-and-drop sortable component for nested data and hierarchies
React component for animated hamburgers nav buttons.
Navigation drawer built with the awesome react-motion
Vertical timeline for React.js
Beautiful flag icons for usage in React.js apps
Font Awesome 5 React component
React Ionicon component
React wrapper for Chart.js
Justgage inspired .svg gauge for React
React Liquid Gauge component
Beautiful and expressive Sparklines React component
Redefined chart library built with React and D3
Copy-to-clipboard React component
Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more
A simple and reusable datepicker component for React
Dropdown, Combobox, Select List, Multiselect, Dropdown Select, Numberpicker
Numeric input component for React
Slider UI component for React
Simple HTML5 drag-drop zone with React
The Select Component for React.js
Input masking component for React. Made with attention to UX.
React component which automatically resizes textarea as content changes
A draggable toggle-switch component for React
React typeahead with Bootstrap styling
A Wysiwyg editor build on top of ReactJS and DraftJS
React component for CKEditor
Availity Forms Validations
Easy to use React validation components compatible for reactstrap.
Carousel component built with React. It is a react port of Slick Carousel