JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 2
  • Score
    100M100P100Q31604F
  • License MIT

A clean, open-source, and developer-friendly component library built with Tailwind CSS

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