Bootcatch Themes Save

:fire: Bootcatch Themes is an open-source library of free Custom Bootstrap Themes.

Project README

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 :heart: 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

Usage

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 2018 - 2021 Ajay Marathe. Code released under the MIT license.

Open Source Agenda is not affiliated with "Bootcatch Themes" Project. README Source: ajaymarathe/bootcatch-themes

Open Source Agenda Badge

Open Source Agenda Rating