Material Design AngularJS Admin Template
Intro
Material is a Google Material Design inspired admin template built with Bootstrap 3.x and AngularJS 1.3.x. It uses Sass CSS which makes it easy to modify (The latest version is v1.3).
Features
- 2 in 1, both admin template & landing page.
- Google Material Design inspired admin/dashboard template.
- Clean JS Code – simple and clean JavaScript code
- Responsive Design – mobile-ready design adopt to any device
- Web App – single page application with Bootstrap 3.x and AngularJS 1.3.x. Fully AJAX powered, never refresh the entire page again. Faster, smoother, cooler.
- Powerful Layout – multiple layouts to choose from. Including Wide and Boxed layout, Vertical, Horizontal and Collapsed menu, toggle for fixed top header and sidebar menu.
- Multiple Colors – 18 predefined color schemes and you can build your own by change a few variables.
- Internationalization – internationalization (i18n) and Localization (l10n) support. Add English, Spanish, Portuguese, Japanese, Chinese, Russian for demo.
- Nested routing with ui-router
- Built with Sass – Easy modification with variables
- Solid Workflow – solid workflow with Yeoman (GruntJS, Bower) just like Twitter Bootstrap project, make all things organized.
- Use whatever back end you prefer, Python, Ruby, PHP, NodeJS… you name it. It takes no assumption on your backend language.
- Bootstrap 3 – built with popular Bootstrap 3.x
- Work with jQuery – yes, you can use your favorite jQuery
- Retina Ready – better display on high-resolution devices
- Realtime Validation – realtime form validation
- Tons of widgets and components.
- Valid HTML5 and CSS3
- Cross Browsers
- And much more.
Please rate it if you like it, it helps for more updates, thanks so much! And if you have any questions that are beyond the scope of the documentation, please feel free to contact me.
Credits
- Bootstrap The most popular front-end framework for developing responsive, mobile first projects on the web.
- jQuery Write less, do more.
- AngularJS HTML enhanced for web Apps
- angular-material Material design for Angular
- angular-ui-router The de-facto solution to flexible routing with nested views in AngularJS
- angular-bootstrap Native AngularJS (Angular) directives for Twitter’s Bootstrap.
- angular-translate i18n in your Angular apps, made easy.
- Yeoman, Twitter Bower, Grunt for modern web Apps.
- Material Design Iconic Font Material Design Iconic Font and CSS toolkit
- Font Awesome the awesome icon fonts.
- weather-icons Beautiful weather icons
- textAngular A radically powerful Text-Editor/Wysiwyg editor for Angular.js!
- Toastr Simple javascript toast notifications
- bootstrap-slider simple range slider
- bootstrap-file-input Standardizes the file input field to look like a Bootstrap button in all browsers
- jquery.easy-pie-chart a lightweight plugin to draw simple, animated pie charts for single values
- flot Attractive JavaScript charts for jQuery
- gauge.js 100% native and cool looking JavaScript gauge
- jquery-spinner A Number-Spinner based-on jQuery, Support Keyboard operations and continuous changing.
- jquery-steps A powerful jQuery wizard plugin that supports accessibility and HTML5.
- depositphotos Royalty-Free Stock Photos
- Material style background
- Google map
- angularjs-google-maps Google maps v3 angularjs directive module
- angular-loading-bar A fully automatic loading / progress bar for your angular apps.
- angular-scroll Scrollspy, animated scrollTo and scroll events for angular.js
- angular-loading-bar A fully automatic loading / progress bar for your angular apps.
- angular-chart.js Reactive, responsive, beautiful charts for AngularJS using Chart.js
- Chart.js Simple HTML5 Charts using the <canvas> tag
Changelog
Note: If you have any questions, please feel free to contact me, I’ll be glad to help!
Version 1.3.0 (05/10/2014)
- Feat: Upgrade plugins to latest version, including angular-material (0.9.x), angular-bootstrap (0.13.x), angular-translate (2.7.x), angular-ui-tree (2.4.x), angular-scroll (0.7.x), angular-chart.js (0.7.x)
- Fix: Fix Date picker of angular-bootstrap
- Style: Use dark text color for yellow background header, thanks @iwakeapp
- Chore: Chores
Version 1.2.0 (04/20/2014)
- Fix: Fix click event fire twice bug, Thanks @DIIT, @blabno
- Feat: Update plugins to latest version, including angular-translate (0.6.x), textAngular (1.3.x), angular-ui-tree (2.2.x), ngmap (1.7.x), ng-tags-input (2.3.x), angular-loading-bar (0.7.x), angular-chart.js (0.6.x)
Version 1.1.0 (03/15/2014)
- Feat: Add a landing page
- Fix(Firefox): Fix web fonts in sidebar overstriking bug.
- Docs: Update documentation
Version 1.0.0 (03/12/2015)
- Initial release
Category: | Admin Templates |
Purchases: | 168 |