Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/appzic/bootstrap-css-modules
Bootstrap made easy with CSS modules for modular, scoped styling in your web applications
https://github.com/appzic/bootstrap-css-modules
bootstrap css css-framework css-modules typescript
Last synced: 3 months ago
JSON representation
Bootstrap made easy with CSS modules for modular, scoped styling in your web applications
- Host: GitHub
- URL: https://github.com/appzic/bootstrap-css-modules
- Owner: appzic
- License: mit
- Created: 2024-07-18T11:10:16.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-07-31T09:24:58.000Z (6 months ago)
- Last Synced: 2024-10-02T07:01:20.809Z (4 months ago)
- Topics: bootstrap, css, css-framework, css-modules, typescript
- Language: JavaScript
- Homepage: https://appzic.com/open-source-projects/bootstrap-css-modules
- Size: 1.08 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
Bootstrap CSS Modules
Bootstrap made easy with CSS modules for modular, scoped styling in your web applications.
## Table of Contents
- [Table of Contents](#table-of-contents)
- [Introduction](#introduction)
- [Features](#features)
- [Installation](#installation)
- [Usage](#usage)
- [Contributing](#contributing)
- [License](#license)
- [Sponsors](#sponsors)
## Introduction
`@appzic/bootstrap-css-modules` integrates Bootstrap styles as CSS Modules, providing modular, scoped styling for your applications. It leverages the power of CSS Modules to encapsulate styles, preventing conflicts and promoting maintainability.
## Features
- Scoped styling using CSS Modules
- Utilizes Bootstrap's powerful grid system
- Modular and maintainable styles
- TypeScript support for type checking and improved development experience
- Encapsulation of CSS rules and styles to prevent conflicts
- Reusable styles across components for consistent designs
- Reduced duplicate code in your application
- Improved performance through unique class names generated at build time
## Installation
You can install Bootstrap CSS Modules using npm:
```bash
npm install @appzic/bootstrap-css-modules
```
## Usage
```jsx
import React from "react";
import bs from "@appzic/bootstrap-css-modules/dist/bootstrap.module.css";
const Component = () => {
return (
...
...
);
};
export default Component;
```
## Contributing
We welcome contributions from the community! Please take a look at our [CONTRIBUTING.md](https://github.com/appzic/bootstrap-css-modules/blob/main/CONTRIBUTING.md) file for more information on how to get started. We appreciate all kinds of contributions, from bug reports and feature requests to code contributions and documentation improvements. Thank you for considering contributing to our project!
## License
Bootstrap CSS Modules is licensed under the [MIT](https://github.com/appzic/bootstrap-css-modules/blob/main/LICENSE) License.
## Sponsors
