A template for building consistent, token-driven themes using the Bootstrap framework and the Sass preprocessor, with a modular and scalable architecture for design systems.
Licensed under the MIT license and is free for private or commercial projects.
This template provides a solid foundation for building theme-driven CSS using Bootstrap and Sass, designed to help you start quickly with a structured folder organization, token-based variables, and an automated build pipeline that outputs prefixed and minified CSS ready for production, allowing you to focus on creating and customizing themes without worrying about boilerplate setup.
Before you begin, ensure you have met the following requirements:
- Node.js: Version 22.x (as specified in .nvmrc) is required.
- npm: Dependency management tool, version 9.x or higher.
This template includes a comprehensive toolset for building and maintaining consistent CSS themes:
- Bootstrap (vendored SCSS) providing a solid, consistent base and utility classes.
- Sass for modular, maintainable, and token-driven stylesheets.
- PostCSS with Autoprefixer to automatically add vendor prefixes according to the configured Browserslist targets.
- Prettier for consistent code formatting across the codebase.
- Stylelint with
stylelint-config-standard-scssandstylelint-config-clean-orderfor enforcing consistent SCSS conventions and property order. - Husky and lint-staged for running linters and formatters on staged files before commits.
- CI (Continuous Integration) setup with GitHub Actions for automated linting, building, and publishing workflows.
If you like what you've seen so far and think this setup fits your needs, you can quickly get started by clicking the Use this template button at the top of the repository on GitHub.