Giter Club home page Giter Club logo

inspiritas-bootstrap's Introduction

Inspiritas - a free Bootstrap theme

From the Swedish web design and development firm Ripple comes the highly anticipated release of Campaign UI - not only as a PSD but as an entirely coded frontend theme.

  • All the goodness of Bootstrap 2
  • A hand-crafted, completely new visual theme
  • Easy to customize
  • Free and maintained
  • Uses overrides to make future updates to Bootstrap easy to get
  • Photoshop-file included
  • BONUS: Includes styling for Highcharts charting library

Just fork it and get started.

Origins

Jonatan Littke debuted on Dribbble with his Campaign UI and made it to the front page on the first day. Many have requested this design as a PSD and now it's released by Ripple for free.

How to use

  1. Fork this repo or download the latest zip.

  2. Drop the inspiritas.css into your <head>.

  3. Use it as you would the regular Bootstrap. It's that simple.

Customizations

If you want to edit anything, fork or clone the repo and open variables.less. It contains the original Bootstrap variables along with some new ones for Inspiritas.

Make whichever changes you want and then run a less compiler to create the updated and minified CSS for you.

Adding overrides

All styling by Inspiritas extends or overrides the original Bootstrap styling. This makes it easy to get new patches from Bootstrap into the theme.

We recommend you use the same method if you want to change more than what the variables allow you to. In the end of inspiritas-theme.less, you can add your own styles.

If you keep all the original styling of both Bootstrap and Inspiritas intact, you can get new updates from us as well, without having to go through tons of git conflicts.

Photoshop file included

We've included the original PSD file we used to build this design. Note that when coding the theme some subtle changes were made and we perceive the coded theme to be the correct version in most cases, but the PSD file may still be useful for you.

Also, the PSD includes some elements we've not yet coded but may in the future.

Highcharts charting library

The JavaScript library for the graph is called HighchartsJS. It's free for non-commerical projects but quite costly for commerical use.

inspiritas-bootstrap's People

Contributors

andriijas avatar ansman avatar budnik avatar buraktuyan avatar calvein avatar caniszczyk avatar cgunther avatar fat avatar iamnirav avatar jacobrask avatar jorgenfb avatar littke avatar lookfirst avatar marcusds avatar mdo avatar mgaetan89 avatar necolas avatar pamelafox avatar pokonski avatar pthrasher avatar purwandi avatar rvagg avatar sankage avatar smaboshe avatar smerik avatar sspmark avatar synchro avatar tinyfly avatar tobz avatar wrightlabs avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

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.