Categroy / Admin Dashboards / Name: Atlas Admin - Responsive Full-AJAX Theme | 375 Views |
Script Giver Google+ Script Giver Twitter Script Giver Disqus
Approved Script Item Approved By ScriptGiver

Atlas Admin - Responsive Full-AJAX Theme


https://wrapbootstrap.com/theme/atlas-admin-responsive-full-ajax-theme-WB040HK88?ref=scriptgiver website snapshot
Rate now!


Demo Website

Share




Atlas Admin - Responsive Full-AJAX Theme


Category: Admin Dashboards Send By: ScriptGiver.com
Language: HTML License: Paid


Description for Atlas Admin - Responsive Full-AJAX Theme:

Atlas is a modern, fully-ajax & fully-responsive admin template built with Material Design concept.

It is built with Bootstrap 3.3.6, jQuery, HTML5 & CSS3 (using Less preprecessor). It boasts a large collection of reusable UI components.

It comes with a modern tooling system to make development and customization easier. Atlas's gulp based tasks take care of compiling templates to HTML, converting Less files to CSS, minifying JS files and live-reloading all your changes to the browser.

Atlas can be easily integrated with all types of backends, project management tools and/or custom CMSs. Example integration with Express.js and Ruby on Rails are included with this template.

Overview of Features

Responsive layout (works on Mobiles, Tablets & Desktops)
Fully AJAX (using PJAX, no page reloads needed)
Very well organized file structure with maintainable CSS & JS code.
100% hand coded with valid HTML5 code.
Built with new Bootstrap 3.3.6
100s of Reusable UI Components like boxes (cards), widgets, custom modals, chat boxes etc.
Integration with many modern jQuery plugins (Select2, Slider, iCheck etc.)
4 different layout versions - Default (Full width), Boxed Layout, Fixed Layout and Top-Nav Layout
Material design inspired style using bold colors and aesthetic presentation
Over 25+ Pages featuring charts, email inbox, timelines, login/signup pages, user profiles, invoice, tabular data, calendars, chat interfaces.
Includes integration of Atlas Admin with Ruby on Rails and Node JS (Express.js) framework.
Hundreds of icons from Font Awesome, Ionicons & Glyphicons
Implements 4 different charting libraries
Easy development using development server with Live Reload & BrowserSync.
Smooth & Subtle CSS3 Animations
Custom Google Maps skin
5 Different Color Schemes
Multiple sidebar background images to choose from
Nunjucks based templating system
Less preprecessor for stying
Gulp based tooling for minifying/bundling all assets
Modern Tooling & Easy Development

Atlas template also comes with a modern tooling system built with Gulp.js. The Gulpfile features tasks for compiling Less files, minimizing/compressing images and fonts, converting nunjucks templates to HTML, compressing CSS files using CSSNano and JS files using Uglify.js. It also features a development server with live-reload and browserSync enabled to make development and customization easier.

Using this tooling system, you do not have to make changes to each individual HTML files, instead you can make use of layouts and partial files.

Another added benefit is that this tooling system makes use of UseRef to merge & concatenate JS & CSS files such that the number of HTTP requests can be reduced.

Finally, once you are done making changes, you can run npm run build or gulp build to create a compressed and minified build that is ready to be deployed to production.

Along with this template, there are 2 backend integrations that can help you kickstart your application - one with Node JS (Express.js) backend and another with Ruby on Rails 4.2.

Please note that this template must be viewed from a web server. Opening the HTML files directly will not work. For development purposes, this template comes pre-configured with a gulp task to start a development server. To start this server - open your terminal, change to the atlas-admin directory and run the following commands -

npm install
npm start
This will open your browser window & serve the template.

Alternately, you can also choose to start the Ruby on Rails server by using the Ruby on Rails version included along with this template. In order to do that, change to the atlas-rails directory from the terminal and run the following commands.

bundle install
rake db:create
rails server
Included Pages

Dashboard Page
Layouts
Fixed Style
Boxed Style
Layout with Top Navigation
Default (Full width)
Widgets & Tools
Charts
ChartJS 2.0
Morris
Flot Charts
Sparkline & Knobs
UI Elements
Basic UI
Icons
Buttons
Sliders & Toggles
Timeline
Modals
Forms
General Form Elements
Advanced Form UI
Rich Text Editors (WYSIWYG)
Tables
Bootstrap Tables
Data Tables
Calendar
Email & Chats
Inbox
Compose
Custom Pages
Invoice
Profile & Timeline
Login
Signup
Errors (400, 500)
Blank Page
File Structure & Organization

Less

app/less/
├── admin
│ ├── components
│ │ ├── alerts.less
│ │ ├── boxes.less
│ │ ├── buttons.less
│ │ ├── callout.less
│ │ ├── carousel.less
│ │ ├── chat-box.less
│ │ ├── customization-modal.less
│ │ ├── dropdown.less
│ │ ├── footer.less
│ │ ├── forms.less
│ │ ├── header.less
│ │ ├── info-box.less
│ │ ├── labels.less
│ │ ├── mixins.less
│ │ ├── modal.less
│ │ ├── navs.less
│ │ ├── page-loader.less
│ │ ├── products.less
│ │ ├── profile.less
│ │ ├── progress-bars.less
│ │ ├── sidebar-images.less
│ │ ├── sidebar.less
│ │ ├── slider.less
│ │ ├── small-box.less
│ │ ├── social-widgets.less
│ │ ├── table.less
│ │ ├── timeline.less
│ │ └── users-list.less
│ ├── misc
│ │ ├── miscellaneous.less
│ │ └── print.less
│ ├── modules
│ │ ├── bootstrap-override.less
│ │ ├── core.less
│ │ ├── material-colors.less
│ │ ├── mixins.less
│ │ └── variables.less
│ ├── pages
│ │ ├── auth.less
│ │ ├── dashboard.less
│ │ ├── error-pages.less
│ │ ├── icons.less
│ │ ├── invoice.less
│ │ ├── mailbox.less
│ │ ├── profile.less
│ │ └── ui-basic.less
│ ├── skins
│ │ ├── skin-deep-blue.less
│ │ └── skin-pale-green.less
│ └── vendor
│ ├── bootstrap-social.less
│ ├── fullcalendar.less
│ └── select2.less
└── styles.less
JavaScript

app/js/
├── custom
│ ├── box.js
│ ├── offcanvas.js
│ ├── pjax-setup.js
│ └── tree-menu.js
├── main.js
└── pages
├── calendar.js
├── chartjs.js
├── dashboard.js
├── email-compose.js
├── email-inbox.js
├── flot.js
├── form-editor.js
├── forms-custom.js
├── inline-chart.js
├── login.js
├── morris.js
├── slider.js
└── tables-data.js
HTML Templates

app/templates/
├── layout-blank.nunjucks
├── layout-boxed.nunjucks
├── layout-fixed.nunjucks
├── layout-top-nav.nunjucks
├── layout.nunjucks
├── pages
│ ├── 404.nunjucks
│ ├── 500.nunjucks
│ ├── blank.nunjucks
│ ├── boxed.nunjucks
│ ├── buttons.nunjucks
│ ├── calendar.nunjucks
│ ├── chartjs.nunjucks
│ ├── email-compose.nunjucks
│ ├── email-inbox.nunjucks
│ ├── fixed.nunjucks
│ ├── flot.nunjucks
│ ├── forms-custom.nunjucks
│ ├── forms-editor.nunjucks
│ ├── forms-simple.nunjucks
│ ├── icons.nunjucks
│ ├── index.nunjucks
│ ├── inline-charts.nunjucks
│ ├── invoice.nunjucks
│ ├── login.nunjucks
│ ├── modals.nunjucks
│ ├── morris.nunjucks
│ ├── profile.nunjucks
│ ├── signup.nunjucks
│ ├── slider.nunjucks
│ ├── tables-data.nunjucks
│ ├── tables-simple.nunjucks
│ ├── timeline.nunjucks
│ ├── top-nav.nunjucks
│ ├── ui-basic.nunjucks
│ └── widgets.nunjucks
└── partials
├── footer.nunjucks
├── header-meta.nunjucks
├── header-top-nav.nunjucks
├── header.nunjucks
└── sidebar.nunjucks
Node JS integration

Run the following commands from the terminal to start up a demo Express.js application

npm install
npm start
Open your browser and navigate to http://localhost:8000/

Ruby on Rails integration

This template comes with a Rails 4.2 integration. To run the Rails app, open the atlas-rails folder in the terminal and run the following commands -

bundle install
rake db:create
rails server
Open your browser and navigate to http://localhost:3000/

Credits

AOS (Animate On Scroll) - https://github.com/michalsnik/aos
Bootstrap - http://getbootstrap.com
Bootstrap Slider - https://github.com/seiyria/bootstrap-slider
Bootstrap WYSIHTML5 - http://jhollingworth.github.com/bootstrap-wysihtml5/
ChartJS 2 - http://www.chartjs.org
ColorPicker - http://mjolnic.github.io/bootstrap-colorpicker/
DataTables - http://datatables.net
DatePicker - https://github.com/eternicode/bootstrap-datepicker/
Date Range Picker - http://www.daterangepicker.com/
Flot Charts - http://www.flotcharts.org/
Full Calendar - http://arshaw.com/fullcalendar/
iCheck - http://git.io/arlzeA
Input Mask - http://github.com/RobinHerbots/jquery.inputmask
ION Slider - https://github.com/IonDen/ion.rangeSlider
jQuery - http://jquery.org/
jQuery UI - http://jqueryui.com
jVectorMap (1.2.2) - http://jvectormap.com/
Knob - https://github.com/aterrien/jQuery-Knob
Moment JS - http://momentjs.com
Morris Charts - https://github.com/morrisjs/morris.js
PJAX - https://github.com/falsandtru/jquery-pjax
Raphael JS - http://raphaeljs.com
Select2 - https://select2.github.io
SlimScroll - http://rocha.la/jQuery-slimScroll
Sparkline - http://omnipotent.net/jquery.sparkline/
Summernote - http://summernote.org/
Timepicker - https://github.com/jdewit/bootstrap-timepicker
Ionicons - http://ionicons.com
FontAwesome - http://fontawesome.io
User Avatars - http://pravatar.cc
Photos used in thumbnails - http://unsplash.com
Background Images
All images are provided in scaled/compressed form and in original sizes
Starry - https://unsplash.com/photos/KTIVMMOXNu8
Starry mountains - https://unsplash.com/photos/2KXEb_8G5vo
Waves surfing - http://picalls.com/big-wave-surfing/
Sunrise - https://www.pexels.com/photo/light-sea-dawn-landscape-33545/
Rocky beach - http://picklejar.in/photo/835/
Misty mountains - https://unsplash.com/photos/OZdKEwDXXJU
Dark waves - https://unsplash.com/photos/tmp3sxAl-DI
Support, Bug Reports & Customization Requests

Please send all your support requests, suggestions, comments and bug requests to bharani@authenticpixels.com. I will get back to you within 24 working hours.

Added 3rd October 2016 | 375 Views


Please note: Script Giver doesn't make any support for Atlas Admin - Responsive Full-AJAX Theme. In this case, please contact the script, item, domain or website owner of Atlas Admin - Responsive Full-AJAX Theme.

You can help other people with your experience with

Atlas Admin - Responsive Full-AJAX Theme

.

To help other users, you can write a comment on your experience with Atlas Admin - Responsive Full-AJAX Theme.

Maybe there are comments in german for Atlas Admin - Responsive Full-AJAX Theme?

Or follow us on

Script Giver Google+ Script Giver Twitter Script Giver Disqus


Our Sponsors

ClassiPress - Premium Classified Ads Theme

Advertisement

Your Banner Here?
Contact Us!




Sell Photos Online With PhotoStore

Themeforest.net

Codecanyon.net

AppThemes - Premium WordPress Themes

PostAffiliatePro - Affiliate Tracking Software