🚀 DevSyncUI — Tailwind Component Library

Welcome to DevSyncUI, a lightweight and modern UI library built with Tailwind CSS. All components are prefixed with .devsync- to avoid conflicts and are ready to drop into any project. This library is perfect for developers who want consistent, customizable, and clean UI without writing everything from scratch.

---

📌 Why DevSyncUI?

- ✅ Fully Tailwind-based — no JS, no bloat
- 🧱 Modular components — buttons, cards, modals, and more
- 🛡️ Scoped utility classes — uses .devsync-* to prevent naming collisions
- 🎯 Designed for production — responsive, accessible, and extensible

---

🛠️ Getting Started

This guide helps you install Tailwind, add DevSyncUI, and use components in your project — even if you're a beginner.

---

🔗 CDN Usage

Include DevSyncUI directly in your HTML:

``html

`

$3

`bash
npm create vite@latest my-app -- --template react
cd my-app
npm install
`

$3

`bash
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
`

⚠️ Note: If tailwind.config.js or postcss.config.js aren't created automatically, create them manually:

postcss.config.js (Recommended Production Version)

`js
module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {},
...(process.env.NODE_ENV === 'production' ? { cssnano: {} } : {})
}
}
`

$3

`bash
npm install devsyncui
`

$3

`css
@tailwind base;
@tailwind components;
@tailwind utilities;

/ Import DevSyncUI styles /
@import 'devsyncui/style';
`

$3

⚠️ Note: If tailwind.config.js or postcss.config.js aren't created automatically, create them manually:

`js
import devsyncPlugin from 'devsyncui/plugin';

export default {
content: [
"./index.html",
"./src/*/.{js,ts,jsx,tsx}",
"./node_modules/devsyncui/*/.{js,ts,jsx,tsx,css}",
"./node_modules/devsyncui/dist/mini.{js,css}"

],
theme: {
extend: {},
},
plugins: [devsyncPlugin],
}
`

✅ This registers the DevSyncUI plugin with Tailwind CSS.

---

📚 Component Classes

View the full list of utility classes, variants, and themes on the official documentation site.

---

🔐 License & Usage Terms

See full terms.md

---

📬 Feedback & Contributions

Feel free to open GitHub Issues for bugs or suggestions. Contributions will be open soon.

---

🌐 Links

- 📦 NPM Package: devsyncui
- 🧠 Author: Soumay Sikchi
- 🎨 Demo Website: Coming soon
- 🧾 Documentation: devsyncui.dev

---

📄 License & Usage Terms

``markdown

License & Usage Terms

MIT License © 2025 Soumay Sikchi

---

✅ You May:

- Use DevSyncUI in personal and commercial projects
- Modify and extend the library in your own apps
- Share components in open-source projects with attribution

❌ You May Not:

- Re-upload the DevSyncUI library as a new npm package
- Rename the library and redistribute without consent
- Claim full authorship of this codebase without contributing

---

For collaboration, licensing deals, or enterprise distribution rights, please reach out via the official contact channels.