Code Monkey home page Code Monkey logo

bootstrap-clean-dashboard-theme's Introduction

Clean Dashboard Responsive Bootstrap UI Theme

Click Here to View Demo

Screen Shot

Powerful Admin Theme

This application is javascript/css/html5 package of additional features placed on top of the twitter bootstrap libraries. To use, either compile the less files or use the existing css file.

Theme Components

Additional components like a shadow box, admin panels, login screen, fixed bottom footer and more are included.

Custom JS Libraries

The custom virtual tour library. In the demo you can select a sample form under the 'Try ME' navigation. There are two buttons on the right hand side. One demos the virtual tour of setting up a new user account, and one demos a tour of the current page. Give it a try!

Built On Bootstrap

Built on bootstrap 2.1.1 but supports up to 2.3.1. To upgrade you need to replace the bootstrap less folder with your desired bootstrap version. Find yourself a good less compiler and recompile the less into CSS.

LESS Setup using Grunt (Modified by Porrapat)

You have to setup NPM by download Node.js that NPM will come with Node.js already.

Install grunt at global.

$ npm install -g grunt

Install Grunt Command Line.

$ npm install -g grunt-cli

Setup LESS and Watch using file package.json

npm install

In the Gruntfile.js file, you can make some configuration. There are two example tasks here.

First : Basic Complie LESS task.

grunt

Second : Task Watch for Compile LESS automatically when you edit some of your LESS files.

grunt test

Note : To exit watch, you have to press Ctrl+C 2 times.

Compiled with Less

The source contains all the less files needed to compile a custom instance of the less template. Just point your less compiler to the file in bootstrap-clean-dashboard-theme/less/customize-template.less and recompile your CSS.

View Current Custom Theme

There is a default theme which can be overridden with different styling. The theme has a demo in the repository under clean-dashboard/demo. To view the demo theme pull down the repo and start an http server in that directory. I like to use SimpleHTTPServer app for Mac.

Project contributions must come from the community. The author is no longer actively working on this project... Fork if you want to improve and contribute. It will be appreciated.

Click Here to View Demo

bootstrap-clean-dashboard-theme's People

Contributors

billyyarosh avatar porrapat avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

bootstrap-clean-dashboard-theme's Issues

Bootstrap 3 Support

It would be nice to deprecate the current Bootstrap 2 branch and update to bootstrap 3.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.