https://github.com/ajaymarathe/bootcatch-themes
🔥 Bootcatch Themes is a free, open-source library offering custom Bootstrap themes.
https://github.com/ajaymarathe/bootcatch-themes
ajay-marathe bootcatch bootcatch-templates bootcatch-theme bootcatch-themes bootstrap bootstrap-templates bootstrap-theme bootstrap-themes bootstrap4 bootswatch bootswatch-theme css css-framework free-bootstrap-theme free-customize-themes
Last synced: about 1 month ago
JSON representation
🔥 Bootcatch Themes is a free, open-source library offering custom Bootstrap themes.
- Host: GitHub
- URL: https://github.com/ajaymarathe/bootcatch-themes
- Owner: ajaymarathe
- License: mit
- Created: 2019-03-06T18:57:22.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2021-05-09T15:28:14.000Z (about 4 years ago)
- Last Synced: 2025-04-12T02:22:53.613Z (about 1 month ago)
- Topics: ajay-marathe, bootcatch, bootcatch-templates, bootcatch-theme, bootcatch-themes, bootstrap, bootstrap-templates, bootstrap-theme, bootstrap-themes, bootstrap4, bootswatch, bootswatch-theme, css, css-framework, free-bootstrap-theme, free-customize-themes
- Homepage:
- Size: 741 KB
- Stars: 25
- Watchers: 5
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Bootcatch Custom Themes
[](https://www.npmjs.com/package/bootcatch-themes)
[](https://www.npmjs.com/package/bootcatch-themes)
[](https://standardjs.com)
Bootcach custom themes are released under the MIT license - So feel free to use anywhere.
[](https://bootcatch.com/custom-themes)
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
```js
npm i bootcatch-themes --save
```
## [Usage](https://bootcatch.com/usage)
Below are the few way to integrate Bootcatch-Themes in your project.
## CDN - Content Delivery Network
```js
//add this cdn in your html head.
//change the theme name your css will get changed.
//
```
## Use in Html Project -
```js
//download the css and place it on right path e.g
```
## Use in Vue.js -
```js
//In Vue main.js file
import Vue from "vue";
import "bootcatch-themes/dist/orangely/bootstrap.min.css;
```
## Use in Angular -
```js
//import in style.scss file
@import "bootcatch-themes/dist/orangely/bootstrap.min.css";
//@import "~bootcatch-themes/dist//";
```
## Use in React -
```js
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 -
```js
//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:
```html
dist/
├──MATERIAL/
| ├── Bootstrap.css
| ├── Bootstrap.min.css
├── LICENSE
├── README.md
-//- Same structure for all themes.
```
## Live Priview
- [Bootcatch Custom Themes](https://bootcatch.com/custom-themes)
## Author
Ajay Marathe
-
-
-
```
If you like my work then please give ⭐ and do follow me :P
```
## Copyright and License
Copyright 2018 - 2021 [Ajay Marathe](https://github.com/ajaymarathe). Code released under the [MIT](https://github.com/ajaymarathe/Bootcatch-Themes/blob/master/LICENSE) license.