https://github.com/bismillahcss/bismillahcss-framework
A utility-first CSS framework for fast and customizable development.
https://github.com/bismillahcss/bismillahcss-framework
bismillahcss css css-framework functional-css postcss responsive utility-classes utility-first-css
Last synced: about 1 month ago
JSON representation
A utility-first CSS framework for fast and customizable development.
- Host: GitHub
- URL: https://github.com/bismillahcss/bismillahcss-framework
- Owner: BismillahCSS
- License: mit
- Created: 2025-03-24T14:46:05.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2025-04-07T19:52:31.000Z (about 1 month ago)
- Last Synced: 2025-04-07T20:41:22.412Z (about 1 month ago)
- Topics: bismillahcss, css, css-framework, functional-css, postcss, responsive, utility-classes, utility-first-css
- Language: CSS
- Homepage: https://bismillahcss.com
- Size: 7.1 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
INTRODUCTION
A utility-first CSS framework for rapidly building custom user interfaces.
# Core Features
- **Utility-First Approach**: Build custom designs without leaving your HTML.
- **Responsive Design**: Mobile-first responsive components and utilities.
- **Dark Mode Support**: Built-in dark mode with automatic detection.
- **Modern Effects**: Glassmorphism, neon effects, and more.
- **Customizable**: Easy to customize with CSS variables.
- **Lightweight**: Minimal file size with no JavaScript dependencies.
# Installation
#### Using npm
```bash
npm install bismillahcss
```
### Manual Download
[](https://www.npmjs.com/package/bismillahcss)
## Base Styles
BismillahCSS includes a set of base styles and variables that provide a solid foundation for your projects.
### Color Variables
```css
:root {
--bismillah-primary-color: #3498db;
--bismillah-secondary-color: #2ecc71;
--bismillah-accent-color: #e74c3c;
--bismillah-bg-color: #f8f9fa;
--bismillah-text-color: #333;
--bismillah-border-radius: 8px;
--bismillah-font-family: 'Inter', sans-serif;
}
```
### Dark Mode
BismillahCSS automatically detects system preferences for dark mode:
```css
@media (prefers-color-scheme: dark) {
:root {
--bismillah-bg-color: #121212;
--bismillah-text-color: #ffffff;
}
}
```
This README provides a comprehensive overview of the BismillahCSS framework.
```html
NeoFuture Tech
NeoFuture
NeoFuture
Pioneering the next generation of digital experiences.
Explore Now
Revolutionary Features
Quantum Processing
Break traditional computing barriers with quantum efficiency.
Neural Interface
Enable thought-controlled interactions with advanced neural systems.
Build Faster with BismillahCSS
A lightweight and flexible utility-first CSS framework.
Get Started
"BismillahCSS made my workflow 10x faster!" - Developer