Intro

Magic is a fully responsive admin web app template with Bootstrap 3 and AngularJS. It uses Sass CSS which makes it easy to modify. (The latest version is v1.4.1)

NEW Landing page is available now! Take a look at the live preview here

Prefer to use LESS CSS? Check out my bestselling Square Admin

Features

• 2 in 1 – Both admin template and front end
• Responsive Design – mobile-ready design adopt to any device
• Web App – single page application with Bootstrap and AngularJS. Fully AJAX powered, never refresh the entire page again. Faster, smoother, cooler.
• Internationalization – internationalization and localization support. Add English, Spanish, Japanese, Chinese, German, French, Italian, Portuguese, Russian, Korean for demo..
• Powerful Layout – multiple layouts to choose from
  • Wide and boxed layout
  • Vertical, horizontal and collapsed navigation (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.
• Clean JS Code – simple and clean JavaScript code
• 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
• Runnable Task App
• 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-bootstrap Native AngularJS (Angular) directives for Twitter’s Bootstrap.
• Yeoman, Twitter Bower, Grunt for modern web Apps.
• Themify Icons the awesome icon fonts.
• Font Awesome the awesome icon fonts.
• 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
• holderjs Holder renders image placeholders entirely on the client side.
• jquery.easy-pie-chart a lightweight plugin to draw simple, animated pie charts for single values
• chart.js Simple HTML5 Charts using the canvas element
• 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
• weather-icons Beautiful weather icons
• Google map
• angularjs-google-maps Google maps v3 angularjs directive module

Changelog

Note: If you have any question, please feel free to contact me, I’ll be glad to help

Version 1.5.0 (latest)

- Feat(Landing): Update landing copyright year, make it automatic
- Fix: Fix light scheme sidebar active item style
- Fix: Reset scroll position on a route change
- Docs: Update docs

Version 1.4.1 (01/27/2015)

- Feat: Update Bower packages to latest version. Including font-awesome (v4.3.x), textAngualr (v1.3.x), ngmap (v1.3.x)
- Chore: Update i18n data

Version 1.4.0 (01/20/2015)

- Feat: Switch from custom i18n module to angular-translate
- Fix: Remove logo underline style after click in Opera
- Fix: Fix simple tabs hover style 
- Fix: Fix dropdown button border radius
- Docs: Update docs
- Chores

Version 1.3.0 (12/06/2014)

- Feat: Upgrade angular-bootstrap to 0.12.x
- Feat: Upgrade weather-icons, bootstrap-slider, jevctormap, fullcalendar to latest version
- Feat(Landing): Use SVG instead of CSS to create italic section border
- Feat: Upgrade NPM packages to the latest version
- Fix: Remove ugly sidebar item underline style when focused

Version 1.2.0 (11/21/2014)

- Feat: Add Landing page
- Docs: Update documentation

Version 1.1.1 (11/15/2014)

- Fix: Fix fullscreen page style on mobile, thanks @paiwan
- Fix: Update calendar to make it work with latest angularJS version
- Fix: Update media component markup to fix media style in admin header
- Chore: Change table on dashboard to responsive one
- Chore: Change profile image

Version 1.1.0 (11/13/2014)

- Initial release