Tailwindstrap NPM

Tailwindstrap

Tailwindstrap is an scss add-on to Tailwind that brings in basic components from Bootstrap 4 using Tailwind's @apply function.

This includes basic components for Alerts, Badges, Breadcrumbs, Buttons, Cards, Forms, List Groups, Pagination, Progress Bars, etc.

All of these components have been written with Tailwind @apply, and changes to your tailwind.config.js will change the component styles.

In addition, this can also include Bootstrap's grid system. You may not want this, and that's fine.

If you're already all in on Tailwind, you may have team members who aren't quite there yet. This project serves as a bridge to help others.

If you don't like Tailwind's utility classes, or you do not like Bootstrap's components, this serves no purpose for you.

There are pre-built css files in the dist folder.

File	Purpose
`tailwindstrap.css`	The main bundle. This includes everything you would need to get started with Tailwindstrap, including the Bootstrap 4 grid system.
`tailwindstrap-bootstrap.css`	This is only the bootstrap grid.
`tailwindstrap-colors`	This includes only the color palates.
`tailwindstrap-components.css`	This includes only the component styles. You may want to include the colors with this as well to build most of the examples.

5 years ago