Skip to content
Lightweight and simple css framework with no dependencies
CSS JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Hi. I built it to use on one of my projects. If you really want to use it, feel free.

Sandstrap - Lightweight and simple css framework with no dependencies

Full docs with examples:

If you are using a module bundler like npm or Webpack...

npm add sandstrap

...or manually inject the minified script into your website.

<link rel="stylesheet" href="assets/css/sandstrap.min.css">
<script src="assets/js/sandstrap.min.js"></script>

what's the difference with bootstrap?

  • limited unitilities
  • does not have all bootstrap components (Alerts, Badge, Buttons, Button group, Card, Carousel, Collapse, Dropdowns, Forms, Input group, Jumbotron, List group, Modal, Navs, Navbar, Popovers, Progress, Scrollspy, Tooltips).
  • does not have all bootstrap javascript


  • Total css built size: 25KB
  • Total js built size: 6KB
  • Support pure javascript without jQuery

Sandstrap Components

  • Pagination
  • Breadcrumb
  • Typography
  • Icon
  • Share button
  • Button Function
  • Header Footer
  • Javacript -> collapse function

How to recompile grid

  • If you need to edit recompile grid and using sass. Make sure you have installed grunt, if you haven't already installed it please check first
  • Run npm install to install all dependencies
  • Run grunt watch to watch all changes and recompile the css/js file that you changed
  • Now you can edit sass/js files based on your needs and enjoy!
  • Feel free to edit & delete src/sass/_grid.scss

Browser support

Chrome Firefox IE Opera Safari
Latest ✔ Latest ✔ 10+ ✔ Latest ✔ 9.1+ ✔



You can’t perform that action at this time.