An open API service indexing awesome lists of open source software.

https://github.com/style-forge/patterns

Simplifies creation and management of CSS patterns with a collection of predefined classes for responsive UIs.
https://github.com/style-forge/patterns

css customizable design flexbox framework frontend grid library mobile-first patterns performance pre-defined-classes responsive spacing style-forge styles styling typography utility web-development

Last synced: about 2 months ago
JSON representation

Simplifies creation and management of CSS patterns with a collection of predefined classes for responsive UIs.

Awesome Lists containing this project

README

          

# Style-Forge.Patterns

![npm](https://img.shields.io/npm/v/style-forge.patterns)
![license](https://img.shields.io/npm/l/style-forge.patterns)
![npm](https://img.shields.io/npm/dm/style-forge.patterns)
![build](https://github.com/Style-Forge/patterns/actions/workflows/release.yml/badge.svg)

`Style-Forge.Patterns` is a versatile and efficient CSS utility library designed to simplify the creation and management of CSS patterns and utilities. It offers a comprehensive collection of pre-defined CSS classes, enabling developers to rapidly build responsive and consistent user interfaces without the need for writing repetitive styles from scratch.

## Documentation

To check out docs, visit [style-forge.github.io](https://style-forge.github.io/patterns/)

## Support the project ⭐

If you feel awesome and want to support us in a small way, please consider starring and sharing the repo! This helps us getting known and grow the community. 🙏

style-forge-star

## Modules


Module
Links
Version
Description


hub
GitHub
NPM
npm
Central repository that integrates all project modules.


base
GitHub
NPM
npm
Basic styles and foundational components of the project.


form
GitHub
NPM
npm
Styles and components for creating forms.


helpers
GitHub
NPM
npm
Utility functions and helpers for the project.


└ media
GitHub
NPM
npm
Comprehensive CSS media query helpers for responsive web design.


themes
GitHub
NPM
npm
Themes and styling options for the project.


patterns
GitHub
NPM
npm
Reusable patterns and templates for the project.


colors
GitHub
NPM
npm
Color palettes and styles for the project.

## Contributing

We welcome contributions from the community! Please follow these steps to contribute:

1. Fork the repository.
2. Create a new branch: `git checkout -b feature/branch-name`.
3. Make your changes and commit them: `git commit -am 'Add some feature'`.
4. Push your changes to the forked repository: `git push origin feature/branch-name`.
5. Create a pull request in the original repository.

For more detailed information, please refer to [CONTRIBUTING.md](CONTRIBUTING.md).

## License

This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.