Style-Forge

Appearance

Quick Start ​

npm license npm Codacy Badge build

Style-Forge package is a comprehensive CSS framework designed for modern web development. It provides a wide range of utilities and components to streamline the process of building responsive, aesthetically pleasing websites. With features like customizable themes, utility classes, and support for modern CSS technologies like flexbox and grid, style-forge aims to enhance productivity and maintainability in frontend development.

Installation ​

shell
npm i style-forge

Usage ​

After installation, you can import the CSS file into your project or, if you are using Webpack or another module bundler:

css
@import 'style-forge';

Customization ​

Ideal for those who already have a project but need to exclude a specific module. Usually, this is the base module.

css
@import 'style-forge.base/src/all.css';  /* Base module */
@import 'style-forge.helpers/src/all.css';  /* Helpers module */
@import 'style-forge.form/src/all.css';  /* Form module */
@import 'style-forge.themes/src/all.css';  /* Themes module */
@import 'style-forge.patterns/src/all.css';  /* Patterns module */
@import 'style-forge.colors/src/web.css';  /* Colors module */

You can also install any module individually for your project and customize it to match your styles: