BismillahCSS β A Utility-First CSS Framework for Modern Web Development
BismillahCSS, a utility-first CSS framework designed to help developers build beautiful, responsive UIs rapidly and effortlessly. β¨
π What is BismillahCSS?
BismillahCSS is a lightweight, fast, and customizable CSS framework inspired by the utility-first philosophy (like Tailwind CSS) β but with a unique touch and clean class system prefixed with bismillah- to prevent conflicts.
π¦ NPM: npm i bismillahcss
π NPM Page: https://www.npmjs.com/package/bismillahcss
π» GitHub: github.com/BismillahCSS
π§ Core Features
β
Utility-First Approach: Build your design directly in HTML with atomic classes
β
Responsive Design: Mobile-first responsive utilities built-in
β
Dark Mode Support
β
Custom Components: Alerts, Buttons, Cards, Shadows & more
β
Glassmorphism Ready β¨
β
Fully Configurable (user-config.js)
β
No Conflicts with other CSS libraries β all classes prefixed with bismillah-
π οΈ Installation
bashCopyEditnpm install bismillahcss
Then import it into your CSS:
cssCopyEditu/import 'bismillahcss/dist/bismillah.min.css';
Or via CDN (coming soon!)
π Roadmap & Vision
- β Core utilities and components
- β Dark mode support
- β 1.9.0 released on NPM with 1.4k+ downloads
- β³ Coming soon: documentation website, theme builder, CLI tool, CDN support
π¬ Get Involved!
If you're a developer who loves building beautiful UIs with clean code, give BismillahCSS a try! Iβd love your feedback, suggestions, and support.
π Try it out
π Star it on GitHub
π Build something cool with it and tag me!
#css #opensource #webdev #tailwindcss #bismillahcss #frontend #npm #developer #productivity #islamictech #buildinpublic #tools
Posted Apr 6, 2025, 7:11 AM UTC