Shadstrap is a CSS theme inspired by the look of shadcn/ui, combined with the utility classes from Bootstrap and icons from FontAwesome. Designed for easy use with plain HTML.
Check out the demo: https://eugabrielsilva.github.io/shadstrap
- Full grid system (rows, columns, responsive layout, containers, flex, etc.)
- Utility classes (margin, padding, text, display, positioning, etc.)
Includes all icons from the FontAwesome 7 Free pack.
Add this inside the <head> tag:
<link
rel="stylesheet"
href="https://eugabrielsilva.github.io/shadstrap/dist/shadstrap.min.css"
/>Add this before the closing </body> tag:
<script src="https://eugabrielsilva.github.io/shadstrap/dist/shadstrap.min.js"></script>In your project folder, run:
npm install shadstrapAdd this inside the <head> tag:
<link rel="stylesheet" href="./node_modules/shadstrap/dist/shadstrap.min.css" />Add this before the closing </body> tag:
<script src="./node_modules/shadstrap/dist/shadstrap.min.js"></script>Download the latest release files to your project folder.
Add this inside the <head> tag:
<link rel="stylesheet" href="/path/to/dist/shadstrap.min.css" />Add this before the closing </body> tag:
<script src="/path/to/dist/shadstrap.min.js"></script>