Proteus - Responsive Admin Web App (Admin Templates)



Proteus - Responsive Admin Web App (Admin Templates)

Follow me on ThemeForest Follow me on Twitter

Proteus is a clean, modern, responsive, multipurpose admin theme, suited for any kind of web app.
Our goal with Proteus was to Help our Customers to speed up their development workflow and cut down development time by delivering at the same time a product which is using the latest frontend technologies and concepts and is set up for easy update and customization.

Here are some of the highlights of the theme:
  • Built with HTML5, Bootstrap, Jade, CSS3, SASS, Jeet
  • Custom Icon Fonts
  • REM based font sizing with pixel fallback in older browsers
  • Low CSS specificity
  • Powered by two famous animation Packages: Velocity.js and Animate.css
  • Built with DRY (don’t-repeat-yourself) Methodology in mind and with SMACSS Architecture

Proteus has 2 main core components: Ason Framework and Ason Widget.

Thanks to this componenets it is optimized not just for desktop but also for mobile and tablet devices.

It was made by developers for developers AND also for non-developers. :)
Thanks to its commented and structured code you will be able to easily find and modify everything you need.
Basically the more you know about frontend technologies with which it was build the more you can leverage its true power.

For more information please check out the some of the Key Features below or the great Documentation.

Every piece of the theme was carefully coded and tested, but in case you find some bugs or you have any questions which you can’t find in the documentation don’t hesitate to contact us on our profile page. We will be more than happy to help you.



Intro

Table Of Content

Ason Framework

So you might be asking yourself what is this Ason Framework.

Ason Framework is a collection of best practices and latest technologies fused together.

The combination of all this goodies is what makes Proteus unique and the best starter kit for your next Project.

Html 5

The first and one of the most important building blocks of the Ason Framework is HTML5.

During the creation of the page layouts we made sure to use the new semantic HTML5 tags like header, footer, nav, aside, etc… to lay out our pages in a meaningful, logical and easy way.

Jade

Jade is Template Engine which helps to create valid HTML code fast and easy.

One thing what we can say is that once you have learned Jade you will never go back to the old, static HTML code generation process.

To generate and maintain our static HTML files we are using on all our projects this great tool and we can say with confidence that of course depending on the size of the project we were able to cut down on development time hours, sometimes even days and not to mention the maintenance time and update process.

This was the reason why we decided to use Jade and we think it’s worth checking it out!

CSS 3

The second fundamental building block of the Ason Framework is CSS3.

The whole Proteus project is powered by only 3 CSS files: basic.css, general.css and theme.css. (There is also an addons folder in which we have extracted some of the major components, which aren’t used on every page).

  • Basic.css : this file includes Bootstrap, Font Awesome and the themes custom Google Font, Source Sans Pro.
  • General.css : this is the file where all your components, widgets, modules lie but without any color styling. It’s responsible for the skeleton of your project and its purpose is to give your site structure.
  • Theme.css: this is the file which brings your site to life by adding color and you are also able to overwrite some of the rules defined in the general.css file. Basically you can make endless unique themes for your site by creating new theme.css files without having to worry about the general site rules and layout.

Documentation

Last but not least we have created a great documentation for the theme and what wouldn’t be a better example for a life project created with Proteus than its documentation. Check out how easy it is to set up and manage the files. (SASS and JADE included).

Please also don’t forget that this project is planned to be updated and improved frequently, so if you find some bugs or you have any questions which you can’t find in the documentation don’t hesitate to contact us on our profile page. We will be more than happy to help you !

Full feature list

  • Responsive and Multi Column Layout
  • Bootstrap 3.3.4 Framework
  • jQuery v1.11.2
  • Ason Framework
  • Ason Widget jQuery plugin
  • 2 Flexible Grid Systems – Ason and Bootstrap
  • Built with HTML5, CSS3
  • Jade Template Engine was used to compile the HTML files
  • Full SASS support and is based on the famous SMACSS Architecture
  • Jeet grid system integrated
  • Organized Media Queries in SASS with Breakpoint
  • Limitles Color and Theme customization
  • REM based font sizing
  • Enhanced Animations with Velocity.js and Animate.css
  • Extensive documentation
  • 2 Page Layout
    • Fullwidth
    • Boxed
  • 2 Sidebar Types
    • Sidebar
    • Slidebar
  • Sidebar can be Pixel or Percentage based
  • 2 Additional Sidebar States
    • Collapsed
    • Compact
  • 2 Additional Slidebars States
    • Push
    • Static
  • 4 Different Header and Footer States
    • Default
    • Fixed
    • Sticky
    • Slide
  • Forms
    • Layout
      • Basic form
      • Inline form
      • Horizontal forms
      • Column Sizing with Bootstrap Grids System
      • Column Sizing with Ason Grid System
      • Column Sizing with Ason Grid System without Gutter
    • Elements
      • Basic Elements
      • Textareas
      • Control States
      • Control Sizing
      • Input Groups and Addons
      • Button Addons
      • Masked Inputs
      • Spinners
      • Styled Checkboxes and Radios
      • Styled Checkboxes and Radios v2
      • Selects
      • Switches
    • Form validation
      • Without JavaScript
      • With JavaScript
    • Form Wizard
    • File uploader & WYSIWYG editor
      • Bootstrap File Upload
      • jQuery File Upload
      • Summernote WYSIWYG Editor
  • Tables
    • Basic Tables
    • Data Table
    • Foo Table
  • Charts
    • Flot
    • C3
    • Morris
    • Rickshaw
    • Other types
  • UI Elements
    • Grids
    • Boxes and Panels
    • Draggables
    • Documentation
    • Typography
    • Buttons
    • Icons
    • Accordions
    • Breadcrumbs
    • Pagination
    • Progressbars
    • Page Progressbars
    • Spinners
    • Sliders
    • Tabs
    • Tags
    • Pricing Tables
    • Tooltips and Popovers
    • Modals
    • Notifications
    • Calendar
    • Date and Timepicker
    • Colorpickers
    • Maps
  • Widgets
    • Basic
    • Advanced
    • Ason
  • Pages
    • Register
    • Login
    • Forgot Password
    • Change Password
    • Lock Screen
    • Search
    • Profile
    • Invoice
    • Faqs
    • Blank
    • Error
      • 403
      • 404
      • 405
      • 500
      • 503
  • Apps
    • Mail App

Changelog

Version 1.0

- Initial Release


ThemeForest new Site Templates items