Skip to content

no-dice/inspiritas-bootstrap

 
 

Repository files navigation

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 today 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. When I first used it, it was free (or not so expensive). These days a license to use it for commercial projects is quite expensive. It's free for non-commercial projects though. Check their site for details.

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published