Package Exports
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (devmilap) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
π devMilap β Tailwind CSS Component Library
devMilap is a clean, modular, and production-ready UI library built entirely with Tailwind CSS v3. All components are prefixed with .devmilap-*
to avoid class name conflicts and are optimized for real-world frontend applications.
π Why devMilap?
- β Built with Tailwind v3
- π― Minimalist & utility-first β pure CSS, no JS
- π§± Component-first architecture β buttons, cards, badges, and more
- π‘οΈ Scoped with
.devmilap-
prefix β no global class pollution - π CDN + NPM support β use it your way
π¦ Installation via NPM
β Step 1: Create a Vite + React Project
npm create vite@latest my-app -- --template react
cd my-app
npm install
β Step 2: Install Tailwind CSS v3
npm install -D tailwindcss@^3 postcss autoprefixer
npx tailwindcss init -p
This creates two files:
tailwind.config.js
postcss.config.js
β Step 3: Configure Tailwind
Edit tailwind.config.js
:
/** @type {import('tailwindcss').Config} */
module.exports = {
darkMode: 'class',
content: [
'./index.html',
'./src/**/*.{js,ts,jsx,tsx}',
'./node_modules/devmilap/dist/**/*.css'
],
theme: {
extend: {},
},
plugins: [],
}
β Step 4: Install devMilap
npm install devmilap
β Step 5: Import Styles
In your main CSS file (e.g. src/index.css
):
@tailwind base;
@tailwind components;
@tailwind utilities;
/* Import devMilap styles */
@import 'devmilap/dist/devmilap.css';
β Step 6: Use devMilap Components
π CDN Usage (Optional)
If youβre not using Tailwind in your build process, include via CDN:
<link href="https://cdn.jsdelivr.net/npm/devmilap/dist/devmilap.min.css" rel="stylesheet" />
Docs coming soon at https://devmilap.dev
π§Ύ License & Usage Terms
MIT License Β© 2025 Soumay Sikchi
β You May:
- Use in personal and commercial projects
- Modify and extend with attribution
- Share components in open-source work
β You May Not:
- Reupload or rename this library
- Redistribute under a different identity
- Sell this package without consent
π¬ Feedback & Contributions
- π Submit Issues
- π¦ NPM Package
- π§ Author: Soumay Sikchi