https://github.com/idevelopthings/tailwindcss-bootstrap-replacement
A drop-in replacement for bootstrap; Useful when converting a bootstrap website to TailwindCSS or just for quickly starting out.
https://github.com/idevelopthings/tailwindcss-bootstrap-replacement
tailwindcss tailwindcss-plugin
Last synced: about 1 month ago
JSON representation
A drop-in replacement for bootstrap; Useful when converting a bootstrap website to TailwindCSS or just for quickly starting out.
- Host: GitHub
- URL: https://github.com/idevelopthings/tailwindcss-bootstrap-replacement
- Owner: iDevelopThings
- License: mit
- Created: 2020-09-20T12:26:36.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2020-09-20T13:49:38.000Z (over 4 years ago)
- Last Synced: 2025-04-08T07:06:15.322Z (about 2 months ago)
- Topics: tailwindcss, tailwindcss-plugin
- Language: JavaScript
- Homepage: https://scootersam.github.io/tailwindcss-bootstrap-replacement-demo/
- Size: 188 KB
- Stars: 11
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Bootstrap drop in replacement for TailwindCSS
# The why?
I didn't want to "re-create" bootstrap, just make life a little easier...
Ever wrote a site for yourself or a client... then you discovered Tailwind?
Yeah... the pain is real. When we go down that rabbit hole of converting our site to tailwind, there is a lot to fix and change.
This package will fix the majority of those problems you face.
# Preview
There is more than just buttons and typography, view the demo below
## [Demo](https://scootersam.github.io/tailwindcss-bootstrap-replacement-demo)
# Install
1. Install the plugin
```bash
# Using npm
npm i tailwindcss-bootstrap-replacement --save-dev
# Using yarn
yarn add npm i tailwindcss-bootstrap-replacement -D
```
2. Add the plugin to your Tailwind config file
```javascript
module.exports = {
future: {
// removeDeprecatedGapUtilities: true,
// purgeLayersByDefault: true,
},
purge: [
],
theme: {
},
variants: {},
plugins: [
require('tailwindcss-bootstrap-replacement')
],
}
```
# Credits
- [Adam Wathan](https://github.com/adamwathan) I used his [Tailwind Custom Forms](https://github.com/tailwindlabs/tailwindcss-custom-forms) plugin as a starting point for this plugin