diff --git a/package.json b/package.json
index 4a3e9c1..90a80f6 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@saebyn/glowing-telegram-video-editor",
   "description": "A video editor component for glowing-telegram",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "license": "AGPL-3.0-only",
   "author": "saebynx@gmail.com",
   "repository": {
@@ -9,17 +9,23 @@
     "url": "git+https://github.com/saebyn/glowing-telegram-video-editor.git"
   },
   "type": "module",
-  "main": "dist/index.js",
+  "files": ["dist"],
+  "module": "dist/glowing-telegram-video-editor.js",
+  "exports": {
+    ".": {
+      "import": "./dist/glowing-telegram-video-editor.js"
+    },
+    "./styles.css": {
+      "import": "./dist/glowing-telegram-video-editor.css"
+    }
+  },
   "sponsor": {
     "url": "https://github.com/sponsors/saebyn"
   },
   "scripts": {
-    "dev": "rollup -c --watch",
-    "build": "rollup -c",
     "prepublishOnly": "npm run build",
-    "dev:app": "vite",
-    "build:app": "tsc && vite build",
-    "serve": "vite preview",
+    "dev": "vite",
+    "build": "tsc && vite build",
     "test": "vitest",
     "test:ui": "vitest --ui",
     "biome": "biome",
diff --git a/rollup.config.mjs b/rollup.config.mjs
deleted file mode 100644
index 95d8e44..0000000
--- a/rollup.config.mjs
+++ /dev/null
@@ -1,55 +0,0 @@
-import autoprefixer from 'autoprefixer';
-import typescript from '@rollup/plugin-typescript';
-import json from '@rollup/plugin-json';
-import postcss from 'rollup-plugin-postcss';
-import postcssImport from 'postcss-import';
-import postcssUrl from 'postcss-url';
-import tailwind from 'tailwindcss';
-import nodeResolve from '@rollup/plugin-node-resolve';
-import commonjs from '@rollup/plugin-commonjs';
-import svg from 'rollup-plugin-svg';
-
-import tailwindConfig from './tailwind.config.mjs';
-
-/**
- * @type {import('rollup').RollupOptions}
- */
-const rollupConfig = {
-  input: 'src/index.ts',
-
-  jsx: true,
-  external: ['react', 'react-dom'],
-  output: {
-    dir: 'dist',
-    format: 'esm',
-    sourcemap: true,
-  },
-  plugins: [
-    typescript({
-      compilerOptions: {
-        declaration: true,
-        declarationMap: true,
-        outDir: 'dist',
-      },
-    }),
-    nodeResolve({
-    }),
-    commonjs(),
-    json(),
-    svg({
-      base64: true,
-    }),
-    postcss({
-      plugins: [
-        postcssImport(),
-        postcssUrl({
-          url: "inline",
-        }),
-        tailwind(tailwindConfig),
-        autoprefixer(),
-      ],
-    }),
-  ],
-};
-
-export default rollupConfig;
diff --git a/vite.config.ts b/vite.config.ts
index e87e965..c346a07 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -2,10 +2,23 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react-swc";
 import tsconfigPaths from "vite-tsconfig-paths";
+import { dirname, resolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
 
 // https://vitejs.dev/config https://vitest.dev/config
 export default defineConfig({
   plugins: [react(), tsconfigPaths()],
+  build: {
+    lib: {
+      entry: resolve(__dirname, "src/index.ts"),
+      formats: ["es"],
+    },
+    rollupOptions: {
+      external: ["react", "react-dom"],
+    },
+  },
   test: {
     environment: "happy-dom",
     setupFiles: ".vitest/setup",