Skip to content

πŸ”₯ Bootcatch Themes is a free, open-source library offering custom Bootstrap themes.

License

Notifications You must be signed in to change notification settings

ajaymarathe/bootcatch-themes

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

91 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Bootcatch Custom Themes

NPM NPM JavaScript Style Guide

Bootcach custom themes are released under the MIT license - So feel free to use anywhere.

Bootcatch Logo

Free Custom Bootcath themes for Bootstrap Lover's ❀️ is based on world most popular framework - Bootstrap, which includes different types of styles, colors and other many extra components for free.

Hope this helps.

NPM Install

npm i bootcatch-themes --save

Below are the few way to integrate Bootcatch-Themes in your project.

CDN - Content Delivery Network

//add this cdn in your html head.
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/orangely/bootstrap.min.css"  />

//change the theme name your css will get changed.
//<link rel="stylesheet" href="https://unpkg.com/bootcatch-themes@<version>/dist/<theme-name>/bootstrap.min.css"  />

Use in Html Project -

 //download the css and place it on right path e.g 
 <link rel="stylesheet" type="text/css" href="<you project path>/dist/<theme-name>/bootstrap.min.css">

Use in Vue.js -

 //In Vue main.js file
 import Vue from "vue";
 import "bootcatch-themes/dist/orangely/bootstrap.min.css; 
  

Use in Angular -

  //import in style.scss file

  @import "bootcatch-themes/dist/orangely/bootstrap.min.css";

 //@import "~bootcatch-themes/dist/<theme-name>/<css-file>"; 

Use in React -

   import React from 'react';
   import ReactDOM from 'react-dom';

   //import in your main file e.g index.js file 

   import "bootcatch-themes/dist/orangely/bootstrap.min.css";

Clone the Repository -

//Just clone the whole repository -

git clone https://github.com/ajaymarathe/bootcatch-themes.git

Compiled Asset

Download bootstrap.css or bootstrap.min.css file associated with the theme and replace it with bootstrap default stylesheet and don't forget to add bootstrap optional dependencies like js file e.g bootstrap.min.js, jquery & popper.js etc

What's included

Within the download you'll find the following directories and files:

dist/
β”œβ”€β”€MATERIAL/ 
|  β”œβ”€β”€ Bootstrap.css
|  β”œβ”€β”€ Bootstrap.min.css
β”œβ”€β”€ LICENSE
β”œβ”€β”€ README.md

-//- Same structure for all themes.

Live Priview

Author

Ajay Marathe

If you like my work then please give ⭐ and do follow me :P

Copyright and License

Copyright 2018 - 2021 Ajay Marathe. Code released under the MIT license.