tailwindcss-bootstrap-replacement

KO | EN

gitlite — search

#python #java #python3 #arduino #golang #machine-learning #rust #html #flask #javascript #seismology #nodejs

tailwindcss-bootstrap-replacement

★ 11 Open GitHub ↗

A drop-in replacement for bootstrap; Useful when converting a bootstrap website to TailwindCSS or just for quickly starting out.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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
![Buttons Preview](https://raw.githubusercontent.com/iDevelopThings/tailwindcss-bootstrap-replacement/master/images/buttons.png)
![Typography Preview](https://raw.githubusercontent.com/iDevelopThings/tailwindcss-bootstrap-replacement/master/images/typography.png)

There is more than just buttons and typography, view the demo below
## [Demo](https://scootersam.github.io/tailwindcss-bootstrap-replacement-demo)

<br>

# 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
```
<br>
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

tailwindcss-bootstrap-replacement

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README