bootcatch-themes
bootcatch-themes copied to clipboard
π₯ Bootcatch Themes is a free, open-source library offering custom Bootstrap themes.
Bootcatch Custom Themes
Bootcach custom themes are released under the MIT license - So feel free to use anywhere.
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 and License
Copyright 2018 - 2021 Ajay Marathe. Code released under the MIT license.
