Bricks is a frontend framework to build awesome interfaces for your next e-commerce project. It is currently used at Monsieur Biz to build our projects.
Storybook is used to present the documentation and components. You can visualize it at monsieurbiz.com/bricks-framework
Use the following commands to visualize locally:
npm install
npm run storybook
Very basic right now, it will evolve continuously. The main philosophy of the framework is to offer a mixed approach between BEM and a utility-first framework like Tailwindcss. The goal is to offer a rich variety of full featured components and the efficiency of the utility classes.
Sass is used to write the styles.
settings
: Global variables, project-wide settings, etc.tools
: Project-wide mixins, functions and placeholders.elements
: Low-specificity, far-reaching rulesets and unclassed HTML elements.objects
: Objects, abstractions, and design patterns.components
: Complete chunks of UI.utilities
: High-specificity, very explicit selectors.
From the core to the documentation, you're very welcome to contribute by opening an issue or a Pull Request if you want! 😘 Thank you!
This framework is completely free and released under the MIT License.