chore: Update package.json and README.md

Author: arinker

README.md

@@ -1 +1,100 @@
-# modulatecss
+# Modulate CSS
+
+The `modulatecss` package is designed to distribute ModulateCSS styles, providing a streamlined and scalable solution for modern web development. It allows developers to integrate a comprehensive CSS framework that enhances design consistency, maintainability, and responsiveness across web applications. This package supports both CDN and npm installation methods, making it versatile for different project setups. ModulateCSS leverages advanced CSS techniques such as Grid, Flexbox, and CSS custom properties, ensuring your web designs are robust and future-proof.
+
+Read the docs under [https://modulatecss.com/](https://modulatecss.com/).
+
+## Features
+- **Comprehensive Style Distribution:** Ensures consistent styling across your web projects.
+- **Advanced CSS Techniques:** Utilizes modern CSS features like Grid, Flexbox, and custom properties.
+- **Flexible Integration:** Supports installation via CDN or npm, adaptable to various project needs.
+- **Scalable and Maintainable:** Promotes a clear separation of concerns and modular CSS structure for easier maintenance.
+- **Responsive Design:** Implements fluid sizing and other responsive techniques to adapt seamlessly across devices.
+
+## Installation
+You can install `modulatecss` using npm:
+
+```bash
+npm install -D modulatecss
+```
+
+Or include it directly via CDN:
+
+```html
+<link href="https://cdn.jsdelivr.net/npm/modulate@1.0.0/dist/css/modulate.min.css" rel="stylesheet">
+```
+
+## Integration
+**Next.js:**
+
+```javascript
+import 'modulate.css';
+import '@styles/theme.css';
+
+function MyApp({ Component, pageProps }) {
+  return <Component {...pageProps} />;
+}
+
+export default MyApp;
+```
+
+**Angular:**
+
+```json
+{
+  "projects": {
+    "your-project-name": {
+      "architect": {
+        "build": {
+          "options": {
+            "styles": [
+              "node_modules/modulate.css/modulate.css",
+              "styles/theme.css"
+            ]
+          }
+        }
+      }
+    }
+  }
+}
+```
+
+**Vue.js:**
+
+```javascript
+import 'modulate.css';
+import 'styles/theme.css';
+
+new Vue({
+  render: h => h(App),
+}).$mount('#app');
+```
+
+**Svelte:**
+
+```javascript
+import 'modulate.css';
+import 'styles/theme.css';
+
+const app = new App({
+  target: document.body,
+});
+
+export default app;
+```
+
+**Gatsby:**
+
+```javascript
+import 'modulate.css';
+import 'styles/theme.css';
+```
+
+## Repository
+For more information, visit the [GitHub repository](https://github.com/byteyard/modulatecss).
+
+## Issues
+To report bugs or request features, please use the [issue tracker](https://github.com/byteyard/modulatecss/issues).
+
+## License
+This project is licensed under MIT.