Skip to content

iDevelopThings/tailwindcss-bootstrap-replacement

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Bootstrap drop in replacement for TailwindCSS

Npm Version Monthly Downloads

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 Typography Preview

There is more than just buttons and typography, view the demo below


Install

  1. Install the plugin
# 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
module.exports = {
  future: {
    // removeDeprecatedGapUtilities: true,
    // purgeLayersByDefault: true,
  },
  purge: [
  ],
  theme: {    
  },
  variants: {},
  plugins: [
    require('tailwindcss-bootstrap-replacement')
  ],
}

Credits

About

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

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published