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

10
Loading comments…