@netoum/modex-tailwind

@netoum/modex-tailwind

Corex Modex Tailwind package providing global design tokens and component-level utility styles for scalable UI development.

📦 About

This package provides precompiled Tailwind styles for the Corex UI system. It includes:

• 🎨 Global design tokens (colors, spacing, typography, etc.)
• 🧩 Component-level utility styles
• 🔧 Built from design tokens compatible with Tokens Studio files
• 🌗 Multiple themes (Neo, Revo, Uno) with light/dark modes
• 🚀 Ready-to-use CSS for scalable design systems and modern UIs

📦 Installation

npm install @netoum/corex-tailwind

💡 Usage

Import a full theme stylesheet:

@import "@netoum/corex-tailwind/neo.css";   /* or revo.css, uno.css */

Import component-level styles:

@import "@netoum/corex-tailwind/components/button.css";

Import token-based styles directly:

@import "@netoum/corex-tailwind/tokens/global/color.css";
@import "@netoum/corex-tailwind/tokens/neo/semantic/color.css";

💡 You can explore all available paths in the exports section of package.json.

🛠️ Development

🔧 Full Build (from design tokens)

Build all themes and modes (light/dark) using token configurations:

npm run build

⚡ CSS Build Only (skip design tokens)

Skip token processing and rebuild only the final output CSS:

npm run build:from:css

🔍 Lint

npm run lint

📜 License

MIT © Netoum

🤝 Built by Netoum

Corex is built by Netoum — a web agency specializing in modern applications using HTML, Vanilla JS, TypeScript, Elixir/Phoenix, and accessibility-first development.

Creating exceptional web experiences for clients worldwide.

Get in touch: [e-mail]