diff --git a/README.md b/README.md
index bbe7e2c53..d28f87513 100644
--- a/README.md
+++ b/README.md
@@ -13,7 +13,7 @@
 <div style="display: inline-block; max-width: 400px; padding: 20px 0">
 
 ```shell
-npm install @egjs/view360@next
+npm install @egjs/view360
 ```
 
 </div>
@@ -21,7 +21,7 @@ npm install @egjs/view360@next
 
 <p align="center" style="max-width: 100%;">
   <a href="https://www.npmjs.com/package/@egjs/view360" target="_blank" rel="noopener noreferrer">
-    <img alt="npm" src="https://img.shields.io/npm/v/@egjs/view360/next?logo=npm"></img>
+    <img alt="npm" src="https://img.shields.io/npm/v/@egjs/view360?logo=npm"></img>
   </a>
   <a href="https://www.npmjs.com/package/@egjs/view360" target="_blank" rel="noopener noreferrer">
     <img alt="npm bundle size" src="https://img.shields.io/bundlephobia/minzip/@egjs/view360?label=%F0%9F%92%BE%20minzipped"></img>
@@ -55,11 +55,11 @@ npm install @egjs/view360@next
 ## 📦 Packages
 |Package|Version|Description|
 |:-----:|:-----:|:-----:|
-|[**@egjs/ngx-view360**](https://github.com/naver/egjs-view360/blob/master/packages/ngx-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/ngx-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/ngx-view360/next?style=flat-square&color=dd0031&label=%F0%9F%94%96" alt="version" /></a>|[Angular](https://angular.io/) port of @egjs/view360|
-|[**@egjs/react-view360**](https://github.com/naver/egjs-view360/blob/master/packages/react-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/react-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/react-view360/next?style=flat-square&color=00d8ff&label=%F0%9F%94%96" alt="version" /></a>|[React](https://reactjs.org/) port of @egjs/view360|
-|[**@egjs/vue-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue-view360/next?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@2](https://vuejs.org/v2/guide/index.html) port of @egjs/view360|
-|[**@egjs/vue3-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue3-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue3-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue3-view360/next?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@3](https://v3.vuejs.org/) port of @egjs/view360|
-|[**@egjs/svelte-view360**](https://github.com/naver/egjs-view360/blob/master/packages/svelte-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/svelte-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/svelte-view360/next?style=flat-square&color=FF3E00&label=%F0%9F%94%96" alt="version" /></a>|[Svelte](https://svelte.dev/) port of @egjs/view360|
+|[**@egjs/ngx-view360**](https://github.com/naver/egjs-view360/blob/master/packages/ngx-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/ngx-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/ngx-view360?style=flat-square&color=dd0031&label=%F0%9F%94%96" alt="version" /></a>|[Angular](https://angular.io/) port of @egjs/view360|
+|[**@egjs/react-view360**](https://github.com/naver/egjs-view360/blob/master/packages/react-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/react-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/react-view360?style=flat-square&color=00d8ff&label=%F0%9F%94%96" alt="version" /></a>|[React](https://reactjs.org/) port of @egjs/view360|
+|[**@egjs/vue-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue-view360?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@2](https://vuejs.org/v2/guide/index.html) port of @egjs/view360|
+|[**@egjs/vue3-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue3-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue3-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue3-view360?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@3](https://v3.vuejs.org/) port of @egjs/view360|
+|[**@egjs/svelte-view360**](https://github.com/naver/egjs-view360/blob/master/packages/svelte-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/svelte-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/svelte-view360?style=flat-square&color=FF3E00&label=%F0%9F%94%96" alt="version" /></a>|[Svelte](https://svelte.dev/) port of @egjs/view360|
 
 ## License
 egjs-view360 is released under the [MIT license](https://github.com/naver/egjs-view360/blob/master/LICENSE).
diff --git a/demo/docs/tutorials/Installation.mdx b/demo/docs/tutorials/Installation.mdx
index c8663ea0b..b6a5c22af 100644
--- a/demo/docs/tutorials/Installation.mdx
+++ b/demo/docs/tutorials/Installation.mdx
@@ -11,18 +11,6 @@ import CodeBlock from "@theme/CodeBlock";
 import Install from "@site/src/components/tutorial/Install";
 
 :::info
-View360 v4 is currently in beta, and some APIs may change after the final release.
-View360 v4 must be installed using the `@next` tag explicitly.
-
-```shell
-npm install @egjs/view360@next
-```
-
-If you want a stable version, please install v3 using the tag `@latest`.
-```shell
-npm install @egjs/view360@latest
-```
-
 Looking for the documents of the previous version? Check these documents:
 - [Demo (v3)](https://naver.github.io/egjs-view360/v3/)
 - [API (v3)](https://naver.github.io/egjs-view360/release/3.6.4/doc/)
diff --git a/demo/i18n/ko/docusaurus-plugin-content-docs/current/tutorials/Installation.mdx b/demo/i18n/ko/docusaurus-plugin-content-docs/current/tutorials/Installation.mdx
index f59565cf7..c398cc5ab 100644
--- a/demo/i18n/ko/docusaurus-plugin-content-docs/current/tutorials/Installation.mdx
+++ b/demo/i18n/ko/docusaurus-plugin-content-docs/current/tutorials/Installation.mdx
@@ -11,17 +11,6 @@ import CodeBlock from "@theme/CodeBlock";
 import Install from "@site/src/components/tutorial/Install";
 
 :::info
-View360 v4는 현재 베타 상태로 개발되고 있으며, 최종 릴리즈 전까지 일부 API가 변경될 수 있습니다.
-View360 v4는 `@next` 태그를 명시적으로 사용해서 설치하셔야 합니다.
-```shell
-npm install @egjs/view360@next
-```
-
-Stable 버젼을 원하실 경우 `@latest`` 태그를 사용해서 v3를 설치해주세요
-```shell
-npm install @egjs/view360@latest
-```
-
 기존 버젼의 문서를 찾고 계신가요? 아래 링크들을 확인해보세요:
 - [Demo (v3)](https://naver.github.io/egjs-view360/v3/)
 - [API (v3)](https://naver.github.io/egjs-view360/release/3.6.4/doc/)
diff --git a/demo/src/components/home/Main.tsx b/demo/src/components/home/Main.tsx
index ac2fb2e7f..e03e11171 100644
--- a/demo/src/components/home/Main.tsx
+++ b/demo/src/components/home/Main.tsx
@@ -36,7 +36,7 @@ export default React.memo(() => {
     <div className={styles.packageNameSub}>360° panorama image / video viewer built with Typescript</div>
     <div className={styles.badges}>
       <a href="https://www.npmjs.com/package/@egjs/view360" target="_blank" rel="noopener noreferrer">
-        <img alt="npm" src="https://img.shields.io/npm/v/@egjs/view360/next?logo=npm"></img>
+        <img alt="npm" src="https://img.shields.io/npm/v/@egjs/view360?logo=npm"></img>
       </a>
       <a href="https://www.npmjs.com/package/@egjs/view360" target="_blank" rel="noopener noreferrer">
         <img alt="npm bundle size" src="https://img.shields.io/bundlephobia/minzip/@egjs/view360?label=%F0%9F%92%BE%20minzipped"></img>
@@ -113,22 +113,22 @@ export default React.memo(() => {
         }
       ]}>
       <TabItem value="js">
-        <CodeBlock className={clsx(styles.max400, "language-shell")}>{"npm install @egjs/view360@next"}</CodeBlock>
+        <CodeBlock className={clsx(styles.max400, "language-shell")}>{"npm install @egjs/view360"}</CodeBlock>
       </TabItem>
       <TabItem value="react">
-        <CodeBlock className={clsx(styles.max400, "language-shell")}>{"npm install @egjs/react-view360@next"}</CodeBlock>
+        <CodeBlock className={clsx(styles.max400, "language-shell")}>{"npm install @egjs/react-view360"}</CodeBlock>
       </TabItem>
       <TabItem value="ng">
-        <CodeBlock className={clsx(styles.max400, "language-shell")}>{"npm install @egjs/ngx-view360@next"}</CodeBlock>
+        <CodeBlock className={clsx(styles.max400, "language-shell")}>{"npm install @egjs/ngx-view360"}</CodeBlock>
       </TabItem>
       <TabItem value="vue2">
-        <CodeBlock className={clsx(styles.max400, "language-shell")}>{"npm install @egjs/vue-view360@next"}</CodeBlock>
+        <CodeBlock className={clsx(styles.max400, "language-shell")}>{"npm install @egjs/vue-view360"}</CodeBlock>
       </TabItem>
       <TabItem value="vue3">
-        <CodeBlock className={clsx(styles.max400, "language-shell")}>{"npm install @egjs/vue3-view360@next"}</CodeBlock>
+        <CodeBlock className={clsx(styles.max400, "language-shell")}>{"npm install @egjs/vue3-view360"}</CodeBlock>
       </TabItem>
       <TabItem value="svelte">
-        <CodeBlock className={clsx(styles.max400, "language-shell")}>{"npm install @egjs/svelte-view360@next"}</CodeBlock>
+        <CodeBlock className={clsx(styles.max400, "language-shell")}>{"npm install @egjs/svelte-view360"}</CodeBlock>
       </TabItem>
     </Tabs>
     <div className={styles.btnsWrapper}>
diff --git a/demo/src/components/tutorial/Install.tsx b/demo/src/components/tutorial/Install.tsx
index 0ed3bee38..81d52247c 100644
--- a/demo/src/components/tutorial/Install.tsx
+++ b/demo/src/components/tutorial/Install.tsx
@@ -81,24 +81,24 @@ export default () => <Tabs
     }
   ]}>
   <TabItem value="npm">
-    <CodeBlock className="language-shell">npm install @egjs/view360@next</CodeBlock>
+    <CodeBlock className="language-shell">npm install @egjs/view360</CodeBlock>
   </TabItem>
   <TabItem value="yarn">
-    <CodeBlock className="language-shell">yarn add @egjs/view360@next</CodeBlock>
+    <CodeBlock className="language-shell">yarn add @egjs/view360</CodeBlock>
   </TabItem>
   <TabItem value="react">
-    <CodeBlock className="language-shell">npm install @egjs/react-view360@next</CodeBlock>
+    <CodeBlock className="language-shell">npm install @egjs/react-view360</CodeBlock>
   </TabItem>
   <TabItem value="ng">
-    <CodeBlock className="language-shell">npm install @egjs/ngx-view360@next</CodeBlock>
+    <CodeBlock className="language-shell">npm install @egjs/ngx-view360</CodeBlock>
   </TabItem>
   <TabItem value="vue2">
-    <CodeBlock className="language-shell">npm install @egjs/vue-view360@next</CodeBlock>
+    <CodeBlock className="language-shell">npm install @egjs/vue-view360</CodeBlock>
   </TabItem>
   <TabItem value="vue3">
-    <CodeBlock className="language-shell">npm install @egjs/vue3-view360@next</CodeBlock>
+    <CodeBlock className="language-shell">npm install @egjs/vue3-view360</CodeBlock>
   </TabItem>
   <TabItem value="svelte">
-    <CodeBlock className="language-shell">npm install @egjs/svelte-view360@next</CodeBlock>
+    <CodeBlock className="language-shell">npm install @egjs/svelte-view360</CodeBlock>
   </TabItem>
 </Tabs>
diff --git a/package.json b/package.json
index b76cc0e9b..790bd5490 100644
--- a/package.json
+++ b/package.json
@@ -57,8 +57,6 @@
     "typedoc-to-mdx": "^0.1.0",
     "typescript": "^4.7.4"
   },
-  "lernaHelperReleaseType": "prerelease",
-  "lernaHelperPublishTag": "next",
   "husky": {
     "hooks": {
       "commit-msg": "node ./config/validate-commit-msg.js"
diff --git a/packages/ngx-view360/README.md b/packages/ngx-view360/README.md
index aebfe270e..dd833a05d 100644
--- a/packages/ngx-view360/README.md
+++ b/packages/ngx-view360/README.md
@@ -13,7 +13,7 @@
 <div style="display: inline-block; max-width: 400px; padding: 20px 0">
 
 ```shell
-npm install @egjs/ngx-view360@next
+npm install @egjs/ngx-view360
 ```
 
 </div>
@@ -21,7 +21,7 @@ npm install @egjs/ngx-view360@next
 
 <p align="center" style="max-width: 100%;">
   <a href="https://www.npmjs.com/package/@egjs/view360" target="_blank" rel="noopener noreferrer">
-    <img alt="npm" src="https://img.shields.io/npm/v/@egjs/view360/next?logo=npm"></img>
+    <img alt="npm" src="https://img.shields.io/npm/v/@egjs/view360?logo=npm"></img>
   </a>
   <a href="https://www.npmjs.com/package/@egjs/view360" target="_blank" rel="noopener noreferrer">
     <img alt="npm bundle size" src="https://img.shields.io/bundlephobia/minzip/@egjs/view360?label=%F0%9F%92%BE%20minzipped"></img>
@@ -55,11 +55,11 @@ npm install @egjs/ngx-view360@next
 ## 📦 Packages
 |Package|Version|Description|
 |:-----:|:-----:|:-----:|
-|[**@egjs/ngx-view360**](https://github.com/naver/egjs-view360/blob/master/packages/ngx-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/ngx-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/ngx-view360/next?style=flat-square&color=dd0031&label=%F0%9F%94%96" alt="version" /></a>|[Angular](https://angular.io/) port of @egjs/view360|
-|[**@egjs/react-view360**](https://github.com/naver/egjs-view360/blob/master/packages/react-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/react-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/react-view360/next?style=flat-square&color=00d8ff&label=%F0%9F%94%96" alt="version" /></a>|[React](https://reactjs.org/) port of @egjs/view360|
-|[**@egjs/vue-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue-view360/next?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@2](https://vuejs.org/v2/guide/index.html) port of @egjs/view360|
-|[**@egjs/vue3-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue3-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue3-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue3-view360/next?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@3](https://v3.vuejs.org/) port of @egjs/view360|
-|[**@egjs/svelte-view360**](https://github.com/naver/egjs-view360/blob/master/packages/svelte-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/svelte-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/svelte-view360/next?style=flat-square&color=FF3E00&label=%F0%9F%94%96" alt="version" /></a>|[Svelte](https://svelte.dev/) port of @egjs/view360|
+|[**@egjs/ngx-view360**](https://github.com/naver/egjs-view360/blob/master/packages/ngx-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/ngx-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/ngx-view360?style=flat-square&color=dd0031&label=%F0%9F%94%96" alt="version" /></a>|[Angular](https://angular.io/) port of @egjs/view360|
+|[**@egjs/react-view360**](https://github.com/naver/egjs-view360/blob/master/packages/react-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/react-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/react-view360?style=flat-square&color=00d8ff&label=%F0%9F%94%96" alt="version" /></a>|[React](https://reactjs.org/) port of @egjs/view360|
+|[**@egjs/vue-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue-view360?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@2](https://vuejs.org/v2/guide/index.html) port of @egjs/view360|
+|[**@egjs/vue3-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue3-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue3-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue3-view360?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@3](https://v3.vuejs.org/) port of @egjs/view360|
+|[**@egjs/svelte-view360**](https://github.com/naver/egjs-view360/blob/master/packages/svelte-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/svelte-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/svelte-view360?style=flat-square&color=FF3E00&label=%F0%9F%94%96" alt="version" /></a>|[Svelte](https://svelte.dev/) port of @egjs/view360|
 
 ## License
 egjs-view360 is released under the [MIT license](https://github.com/naver/egjs-view360/blob/master/LICENSE).
diff --git a/packages/ngx-view360/projects/ngx-view360/README.md b/packages/ngx-view360/projects/ngx-view360/README.md
index 583e9ec4b..109c8a408 100644
--- a/packages/ngx-view360/projects/ngx-view360/README.md
+++ b/packages/ngx-view360/projects/ngx-view360/README.md
@@ -4,16 +4,16 @@
 
 <p align=center>
   <a href="https://www.npmjs.com/package/@egjs/ngx-view360" target="_blank">
-    <img src="https://img.shields.io/npm/v/@egjs/ngx-view360/next?style=flat-square&color=dd0031&label=version&logo=NPM">
+    <img src="https://img.shields.io/npm/v/@egjs/ngx-view360?style=flat-square&color=dd0031&label=version&logo=NPM">
   </a>
   <a href="https://www.npmjs.com/package/@egjs/ngx-view360" target="_blank">
-    <img alt="npm bundle size (scoped)" src="https://img.shields.io/bundlephobia/minzip/@egjs/ngx-view360/next?style=flat-square&label=%F0%9F%92%BE%20gzipped&color=007acc">
+    <img alt="npm bundle size (scoped)" src="https://img.shields.io/bundlephobia/minzip/@egjs/ngx-view360?style=flat-square&label=%F0%9F%92%BE%20gzipped&color=007acc">
   </a>
   <a href="https://github.com/naver/egjs-view360/graphs/commit-activity">
     <img alt="GitHub commit activity" src="https://img.shields.io/github/commit-activity/m/naver/egjs-view360.svg?style=flat-square&label=%E2%AC%86%20commits&color=08CE5D">
   </a>
   <a href="https://www.npmjs.com/package/@egjs/ngx-view360" target="_blank">
-    <img src="https://img.shields.io/npm/dm/@egjs/ngx-view360/next?style=flat-square&label=%E2%AC%87%20downloads&color=08CE5D" alt="npm downloads per month">
+    <img src="https://img.shields.io/npm/dm/@egjs/ngx-view360?style=flat-square&label=%E2%AC%87%20downloads&color=08CE5D" alt="npm downloads per month">
   </a>
   <a href="https://github.com/naver/egjs-view360/graphs/contributors" target="_blank">
     <img alt="GitHub contributors" src="https://img.shields.io/github/contributors/naver/egjs-view360.svg?label=%F0%9F%91%A5%20contributors&style=flat-square&color=08CE5D"></a>
diff --git a/packages/ngx-view360/projects/ngx-view360/package.json b/packages/ngx-view360/projects/ngx-view360/package.json
index 374fcd45b..7813318b8 100644
--- a/packages/ngx-view360/projects/ngx-view360/package.json
+++ b/packages/ngx-view360/projects/ngx-view360/package.json
@@ -1,16 +1,14 @@
 {
   "name": "@egjs/ngx-view360",
-  "version": "4.0.0-beta.7",
+  "version": "4.0.0",
   "description": "360 integrated viewing solution from inside-out view to outside-in view. It provides user-friendly service by rotating 360 degrees through various user interaction such as motion sensor and touch.",
   "sideEffects": [
     "**/*.css",
     "**/*.sass"
   ],
   "dependencies": {
-    "@egjs/view360": "4.0.0-beta.7"
+    "@egjs/view360": "~4.0.0"
   },
-  "lernaHelperReleaseType": "prerelease",
-  "lernaHelperPublishTag": "next",
   "repository": {
     "type": "git",
     "url": "https://github.com/naver/egjs-view360/tree/master/packages/ngx-view360"
diff --git a/packages/react-view360/README.md b/packages/react-view360/README.md
index 8e43fc5f5..25b6c3150 100644
--- a/packages/react-view360/README.md
+++ b/packages/react-view360/README.md
@@ -13,7 +13,7 @@
 <div style="display: inline-block; max-width: 400px; padding: 20px 0">
 
 ```shell
-npm install @egjs/react-view360@next
+npm install @egjs/react-view360
 ```
 
 </div>
@@ -21,7 +21,7 @@ npm install @egjs/react-view360@next
 
 <p align="center" style="max-width: 100%;">
   <a href="https://www.npmjs.com/package/@egjs/view360" target="_blank" rel="noopener noreferrer">
-    <img alt="npm" src="https://img.shields.io/npm/v/@egjs/view360/next?logo=npm"></img>
+    <img alt="npm" src="https://img.shields.io/npm/v/@egjs/view360?logo=npm"></img>
   </a>
   <a href="https://www.npmjs.com/package/@egjs/view360" target="_blank" rel="noopener noreferrer">
     <img alt="npm bundle size" src="https://img.shields.io/bundlephobia/minzip/@egjs/view360?label=%F0%9F%92%BE%20minzipped"></img>
@@ -55,11 +55,11 @@ npm install @egjs/react-view360@next
 ## 📦 Packages
 |Package|Version|Description|
 |:-----:|:-----:|:-----:|
-|[**@egjs/ngx-view360**](https://github.com/naver/egjs-view360/blob/master/packages/ngx-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/ngx-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/ngx-view360/next?style=flat-square&color=dd0031&label=%F0%9F%94%96" alt="version" /></a>|[Angular](https://angular.io/) port of @egjs/view360|
-|[**@egjs/react-view360**](https://github.com/naver/egjs-view360/blob/master/packages/react-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/react-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/react-view360/next?style=flat-square&color=00d8ff&label=%F0%9F%94%96" alt="version" /></a>|[React](https://reactjs.org/) port of @egjs/view360|
-|[**@egjs/vue-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue-view360/next?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@2](https://vuejs.org/v2/guide/index.html) port of @egjs/view360|
-|[**@egjs/vue3-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue3-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue3-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue3-view360/next?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@3](https://v3.vuejs.org/) port of @egjs/view360|
-|[**@egjs/svelte-view360**](https://github.com/naver/egjs-view360/blob/master/packages/svelte-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/svelte-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/svelte-view360/next?style=flat-square&color=FF3E00&label=%F0%9F%94%96" alt="version" /></a>|[Svelte](https://svelte.dev/) port of @egjs/view360|
+|[**@egjs/ngx-view360**](https://github.com/naver/egjs-view360/blob/master/packages/ngx-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/ngx-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/ngx-view360?style=flat-square&color=dd0031&label=%F0%9F%94%96" alt="version" /></a>|[Angular](https://angular.io/) port of @egjs/view360|
+|[**@egjs/react-view360**](https://github.com/naver/egjs-view360/blob/master/packages/react-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/react-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/react-view360?style=flat-square&color=00d8ff&label=%F0%9F%94%96" alt="version" /></a>|[React](https://reactjs.org/) port of @egjs/view360|
+|[**@egjs/vue-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue-view360?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@2](https://vuejs.org/v2/guide/index.html) port of @egjs/view360|
+|[**@egjs/vue3-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue3-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue3-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue3-view360?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@3](https://v3.vuejs.org/) port of @egjs/view360|
+|[**@egjs/svelte-view360**](https://github.com/naver/egjs-view360/blob/master/packages/svelte-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/svelte-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/svelte-view360?style=flat-square&color=FF3E00&label=%F0%9F%94%96" alt="version" /></a>|[Svelte](https://svelte.dev/) port of @egjs/view360|
 
 ## License
 egjs-view360 is released under the [MIT license](https://github.com/naver/egjs-view360/blob/master/LICENSE).
diff --git a/packages/react-view360/package.json b/packages/react-view360/package.json
index 39be204f7..23dcf9d7a 100644
--- a/packages/react-view360/package.json
+++ b/packages/react-view360/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@egjs/react-view360",
-  "version": "4.0.0-beta.7",
+  "version": "4.0.0",
   "description": "360 integrated viewing solution from inside-out view to outside-in view. It provides user-friendly service by rotating 360 degrees through various user interaction such as motion sensor and touch.",
   "main": "dist/view360.cjs.js",
   "module": "dist/view360.esm.js",
@@ -28,7 +28,7 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "@egjs/view360": "4.0.0-beta.7"
+    "@egjs/view360": "~4.0.0"
   },
   "devDependencies": {
     "@types/jest": "^29.4.0",
@@ -92,7 +92,5 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
-  },
-  "lernaHelperReleaseType": "prerelease",
-  "lernaHelperPublishTag": "next"
+  }
 }
diff --git a/packages/svelte-view360/README.md b/packages/svelte-view360/README.md
index e2e3f9a0f..488c45e5f 100644
--- a/packages/svelte-view360/README.md
+++ b/packages/svelte-view360/README.md
@@ -13,7 +13,7 @@
 <div style="display: inline-block; max-width: 400px; padding: 20px 0">
 
 ```shell
-npm install @egjs/svelte-view360@next
+npm install @egjs/svelte-view360
 ```
 
 </div>
@@ -21,7 +21,7 @@ npm install @egjs/svelte-view360@next
 
 <p align="center" style="max-width: 100%;">
   <a href="https://www.npmjs.com/package/@egjs/view360" target="_blank" rel="noopener noreferrer">
-    <img alt="npm" src="https://img.shields.io/npm/v/@egjs/view360/next?logo=npm"></img>
+    <img alt="npm" src="https://img.shields.io/npm/v/@egjs/view360?logo=npm"></img>
   </a>
   <a href="https://www.npmjs.com/package/@egjs/view360" target="_blank" rel="noopener noreferrer">
     <img alt="npm bundle size" src="https://img.shields.io/bundlephobia/minzip/@egjs/view360?label=%F0%9F%92%BE%20minzipped"></img>
@@ -55,11 +55,11 @@ npm install @egjs/svelte-view360@next
 ## 📦 Packages
 |Package|Version|Description|
 |:-----:|:-----:|:-----:|
-|[**@egjs/ngx-view360**](https://github.com/naver/egjs-view360/blob/master/packages/ngx-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/ngx-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/ngx-view360/next?style=flat-square&color=dd0031&label=%F0%9F%94%96" alt="version" /></a>|[Angular](https://angular.io/) port of @egjs/view360|
-|[**@egjs/react-view360**](https://github.com/naver/egjs-view360/blob/master/packages/react-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/react-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/react-view360/next?style=flat-square&color=00d8ff&label=%F0%9F%94%96" alt="version" /></a>|[React](https://reactjs.org/) port of @egjs/view360|
-|[**@egjs/vue-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue-view360/next?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@2](https://vuejs.org/v2/guide/index.html) port of @egjs/view360|
-|[**@egjs/vue3-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue3-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue3-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue3-view360/next?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@3](https://v3.vuejs.org/) port of @egjs/view360|
-|[**@egjs/svelte-view360**](https://github.com/naver/egjs-view360/blob/master/packages/svelte-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/svelte-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/svelte-view360/next?style=flat-square&color=FF3E00&label=%F0%9F%94%96" alt="version" /></a>|[Svelte](https://svelte.dev/) port of @egjs/view360|
+|[**@egjs/ngx-view360**](https://github.com/naver/egjs-view360/blob/master/packages/ngx-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/ngx-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/ngx-view360?style=flat-square&color=dd0031&label=%F0%9F%94%96" alt="version" /></a>|[Angular](https://angular.io/) port of @egjs/view360|
+|[**@egjs/react-view360**](https://github.com/naver/egjs-view360/blob/master/packages/react-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/react-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/react-view360?style=flat-square&color=00d8ff&label=%F0%9F%94%96" alt="version" /></a>|[React](https://reactjs.org/) port of @egjs/view360|
+|[**@egjs/vue-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue-view360?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@2](https://vuejs.org/v2/guide/index.html) port of @egjs/view360|
+|[**@egjs/vue3-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue3-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue3-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue3-view360?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@3](https://v3.vuejs.org/) port of @egjs/view360|
+|[**@egjs/svelte-view360**](https://github.com/naver/egjs-view360/blob/master/packages/svelte-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/svelte-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/svelte-view360?style=flat-square&color=FF3E00&label=%F0%9F%94%96" alt="version" /></a>|[Svelte](https://svelte.dev/) port of @egjs/view360|
 
 ## License
 egjs-view360 is released under the [MIT license](https://github.com/naver/egjs-view360/blob/master/LICENSE).
diff --git a/packages/svelte-view360/package.json b/packages/svelte-view360/package.json
index 9f827e738..e743fcbd4 100644
--- a/packages/svelte-view360/package.json
+++ b/packages/svelte-view360/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@egjs/svelte-view360",
-  "version": "4.0.0-beta.7",
+  "version": "4.0.0",
   "description": "360 integrated viewing solution from inside-out view to outside-in view. It provides user-friendly service by rotating 360 degrees through various user interaction such as motion sensor and touch.",
   "main": "dist/view360.cjs.js",
   "module": "dist/view360.esm.js",
@@ -44,7 +44,7 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@egjs/view360": "4.0.0-beta.7"
+    "@egjs/view360": "~4.0.0"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^17.0.0",
@@ -77,7 +77,5 @@
     "3D",
     "canvas",
     "360"
-  ],
-  "lernaHelperReleaseType": "prerelease",
-  "lernaHelperPublishTag": "next"
+  ]
 }
diff --git a/packages/view360/README.md b/packages/view360/README.md
index 5723e9c7c..ffb9f4fb0 100644
--- a/packages/view360/README.md
+++ b/packages/view360/README.md
@@ -13,7 +13,7 @@
 <div style="display: inline-block; max-width: 400px; padding: 20px 0">
 
 ```shell
-npm install @egjs/view360@next
+npm install @egjs/view360
 ```
 
 </div>
@@ -21,7 +21,7 @@ npm install @egjs/view360@next
 
 <p align="center" style="max-width: 100%;">
   <a href="https://www.npmjs.com/package/@egjs/view360" target="_blank" rel="noopener noreferrer">
-    <img alt="npm" src="https://img.shields.io/npm/v/@egjs/view360/next?logo=npm"></img>
+    <img alt="npm" src="https://img.shields.io/npm/v/@egjs/view360?logo=npm"></img>
   </a>
   <a href="https://www.npmjs.com/package/@egjs/view360" target="_blank" rel="noopener noreferrer">
     <img alt="npm bundle size" src="https://img.shields.io/bundlephobia/minzip/@egjs/view360?label=%F0%9F%92%BE%20minzipped"></img>
@@ -55,11 +55,11 @@ npm install @egjs/view360@next
 ## 📦 Packages
 |Package|Version|Description|
 |:-----:|:-----:|:-----:|
-|[**@egjs/ngx-view360**](https://github.com/naver/egjs-view360/blob/master/packages/ngx-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/ngx-view360/next" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/ngx-view360/next?style=flat-square&color=dd0031&label=%F0%9F%94%96" alt="version" /></a>|[Angular](https://angular.io/) port of @egjs/view360|
-|[**@egjs/react-view360**](https://github.com/naver/egjs-view360/blob/master/packages/react-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/react-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/react-view360/next?style=flat-square&color=00d8ff&label=%F0%9F%94%96" alt="version" /></a>|[React](https://reactjs.org/) port of @egjs/view360|
-|[**@egjs/vue-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue-view360/next?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@2](https://vuejs.org/v2/guide/index.html) port of @egjs/view360|
-|[**@egjs/vue3-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue3-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue3-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue3-view360/next?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@3](https://v3.vuejs.org/) port of @egjs/view360|
-|[**@egjs/svelte-view360**](https://github.com/naver/egjs-view360/blob/master/packages/svelte-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/svelte-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/svelte-view360/next?style=flat-square&color=FF3E00&label=%F0%9F%94%96" alt="version" /></a>|[Svelte](https://svelte.dev/) port of @egjs/view360|
+|[**@egjs/ngx-view360**](https://github.com/naver/egjs-view360/blob/master/packages/ngx-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/ngx-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/ngx-view360?style=flat-square&color=dd0031&label=%F0%9F%94%96" alt="version" /></a>|[Angular](https://angular.io/) port of @egjs/view360|
+|[**@egjs/react-view360**](https://github.com/naver/egjs-view360/blob/master/packages/react-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/react-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/react-view360?style=flat-square&color=00d8ff&label=%F0%9F%94%96" alt="version" /></a>|[React](https://reactjs.org/) port of @egjs/view360|
+|[**@egjs/vue-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue-view360?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@2](https://vuejs.org/v2/guide/index.html) port of @egjs/view360|
+|[**@egjs/vue3-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue3-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue3-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue3-view360?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@3](https://v3.vuejs.org/) port of @egjs/view360|
+|[**@egjs/svelte-view360**](https://github.com/naver/egjs-view360/blob/master/packages/svelte-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/svelte-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/svelte-view360?style=flat-square&color=FF3E00&label=%F0%9F%94%96" alt="version" /></a>|[Svelte](https://svelte.dev/) port of @egjs/view360|
 
 ## License
 egjs-view360 is released under the [MIT license](https://github.com/naver/egjs-view360/blob/master/LICENSE).
diff --git a/packages/view360/package.json b/packages/view360/package.json
index 9f3f06616..11664128f 100644
--- a/packages/view360/package.json
+++ b/packages/view360/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@egjs/view360",
-	"version": "4.0.0-beta.7",
+	"version": "4.0.0",
 	"description": "360 integrated viewing solution from inside-out view to outside-in view. It provides user-friendly service by rotating 360 degrees through various user interaction such as motion sensor and touch.",
 	"main": "dist/view360.cjs.js",
 	"module": "dist/view360.esm.js",
@@ -102,7 +102,5 @@
 		"postcss-cli": "^7.1.1",
 		"print-sizes": "0.0.3",
 		"sinon": "^11.1.2"
-	},
-	"lernaHelperReleaseType": "prerelease",
-	"lernaHelperPublishTag": "next"
+	}
 }
diff --git a/packages/vue-view360/README.md b/packages/vue-view360/README.md
index a1a52356b..c4909aec2 100644
--- a/packages/vue-view360/README.md
+++ b/packages/vue-view360/README.md
@@ -13,7 +13,7 @@
 <div style="display: inline-block; max-width: 400px; padding: 20px 0">
 
 ```shell
-npm install @egjs/vue-view360@next
+npm install @egjs/vue-view360
 ```
 
 </div>
@@ -21,7 +21,7 @@ npm install @egjs/vue-view360@next
 
 <p align="center" style="max-width: 100%;">
   <a href="https://www.npmjs.com/package/@egjs/view360" target="_blank" rel="noopener noreferrer">
-    <img alt="npm" src="https://img.shields.io/npm/v/@egjs/view360/next?logo=npm"></img>
+    <img alt="npm" src="https://img.shields.io/npm/v/@egjs/view360?logo=npm"></img>
   </a>
   <a href="https://www.npmjs.com/package/@egjs/view360" target="_blank" rel="noopener noreferrer">
     <img alt="npm bundle size" src="https://img.shields.io/bundlephobia/minzip/@egjs/view360?label=%F0%9F%92%BE%20minzipped"></img>
@@ -60,11 +60,11 @@ npm install @egjs/vue-view360@next
 ## 📦 Packages
 |Package|Version|Description|
 |:-----:|:-----:|:-----:|
-|[**@egjs/ngx-view360**](https://github.com/naver/egjs-view360/blob/master/packages/ngx-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/ngx-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/ngx-view360/next?style=flat-square&color=dd0031&label=%F0%9F%94%96" alt="version" /></a>|[Angular](https://angular.io/) port of @egjs/view360|
-|[**@egjs/react-view360**](https://github.com/naver/egjs-view360/blob/master/packages/react-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/react-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/react-view360/next?style=flat-square&color=00d8ff&label=%F0%9F%94%96" alt="version" /></a>|[React](https://reactjs.org/) port of @egjs/view360|
-|[**@egjs/vue-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue-view360/next?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@2](https://vuejs.org/v2/guide/index.html) port of @egjs/view360|
-|[**@egjs/vue3-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue3-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue3-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue3-view360/next?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@3](https://v3.vuejs.org/) port of @egjs/view360|
-|[**@egjs/svelte-view360**](https://github.com/naver/egjs-view360/blob/master/packages/svelte-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/svelte-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/svelte-view360/next?style=flat-square&color=FF3E00&label=%F0%9F%94%96" alt="version" /></a>|[Svelte](https://svelte.dev/) port of @egjs/view360|
+|[**@egjs/ngx-view360**](https://github.com/naver/egjs-view360/blob/master/packages/ngx-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/ngx-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/ngx-view360?style=flat-square&color=dd0031&label=%F0%9F%94%96" alt="version" /></a>|[Angular](https://angular.io/) port of @egjs/view360|
+|[**@egjs/react-view360**](https://github.com/naver/egjs-view360/blob/master/packages/react-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/react-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/react-view360?style=flat-square&color=00d8ff&label=%F0%9F%94%96" alt="version" /></a>|[React](https://reactjs.org/) port of @egjs/view360|
+|[**@egjs/vue-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue-view360?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@2](https://vuejs.org/v2/guide/index.html) port of @egjs/view360|
+|[**@egjs/vue3-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue3-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue3-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue3-view360?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@3](https://v3.vuejs.org/) port of @egjs/view360|
+|[**@egjs/svelte-view360**](https://github.com/naver/egjs-view360/blob/master/packages/svelte-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/svelte-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/svelte-view360?style=flat-square&color=FF3E00&label=%F0%9F%94%96" alt="version" /></a>|[Svelte](https://svelte.dev/) port of @egjs/view360|
 
 ## License
 egjs-view360 is released under the [MIT license](https://github.com/naver/egjs-view360/blob/master/LICENSE).
diff --git a/packages/vue-view360/package.json b/packages/vue-view360/package.json
index 30c494953..011d14705 100644
--- a/packages/vue-view360/package.json
+++ b/packages/vue-view360/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@egjs/vue-view360",
-  "version": "4.0.0-beta.7",
+  "version": "4.0.0",
   "description": "360 integrated viewing solution from inside-out view to outside-in view. It provides user-friendly service by rotating 360 degrees through various user interaction such as motion sensor and touch.",
   "main": "dist/view360.cjs.js",
   "module": "dist/view360.esm.js",
@@ -43,7 +43,7 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@egjs/view360": "4.0.0-beta.7"
+    "@egjs/view360": "~4.0.0"
   },
   "devDependencies": {
     "@testing-library/vue": "^5.0.0",
@@ -80,8 +80,6 @@
     "ie 11",
     "not op_mini all"
   ],
-  "lernaHelperReleaseType": "prerelease",
-  "lernaHelperPublishTag": "next",
   "installConfig": {
     "hoistingLimits": "workspaces"
   }
diff --git a/packages/vue3-view360/README.md b/packages/vue3-view360/README.md
index 804e62db0..0166b87ca 100644
--- a/packages/vue3-view360/README.md
+++ b/packages/vue3-view360/README.md
@@ -13,7 +13,7 @@
 <div style="display: inline-block; max-width: 400px; padding: 20px 0">
 
 ```shell
-npm install @egjs/vue3-view360@next
+npm install @egjs/vue3-view360
 ```
 
 </div>
@@ -21,7 +21,7 @@ npm install @egjs/vue3-view360@next
 
 <p align="center" style="max-width: 100%;">
   <a href="https://www.npmjs.com/package/@egjs/view360" target="_blank" rel="noopener noreferrer">
-    <img alt="npm" src="https://img.shields.io/npm/v/@egjs/view360/next?logo=npm"></img>
+    <img alt="npm" src="https://img.shields.io/npm/v/@egjs/view360?logo=npm"></img>
   </a>
   <a href="https://www.npmjs.com/package/@egjs/view360" target="_blank" rel="noopener noreferrer">
     <img alt="npm bundle size" src="https://img.shields.io/bundlephobia/minzip/@egjs/view360?label=%F0%9F%92%BE%20minzipped"></img>
@@ -60,11 +60,11 @@ npm install @egjs/vue3-view360@next
 ## 📦 Packages
 |Package|Version|Description|
 |:-----:|:-----:|:-----:|
-|[**@egjs/ngx-view360**](https://github.com/naver/egjs-view360/blob/master/packages/ngx-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/ngx-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/ngx-view360/next?style=flat-square&color=dd0031&label=%F0%9F%94%96" alt="version" /></a>|[Angular](https://angular.io/) port of @egjs/view360|
-|[**@egjs/react-view360**](https://github.com/naver/egjs-view360/blob/master/packages/react-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/react-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/react-view360/next?style=flat-square&color=00d8ff&label=%F0%9F%94%96" alt="version" /></a>|[React](https://reactjs.org/) port of @egjs/view360|
-|[**@egjs/vue-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue-view360/next?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@2](https://vuejs.org/v2/guide/index.html) port of @egjs/view360|
-|[**@egjs/vue3-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue3-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue3-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue3-view360/next?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@3](https://v3.vuejs.org/) port of @egjs/view360|
-|[**@egjs/svelte-view360**](https://github.com/naver/egjs-view360/blob/master/packages/svelte-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/svelte-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/svelte-view360/next?style=flat-square&color=FF3E00&label=%F0%9F%94%96" alt="version" /></a>|[Svelte](https://svelte.dev/) port of @egjs/view360|
+|[**@egjs/ngx-view360**](https://github.com/naver/egjs-view360/blob/master/packages/ngx-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/ngx-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/ngx-view360?style=flat-square&color=dd0031&label=%F0%9F%94%96" alt="version" /></a>|[Angular](https://angular.io/) port of @egjs/view360|
+|[**@egjs/react-view360**](https://github.com/naver/egjs-view360/blob/master/packages/react-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/react-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/react-view360?style=flat-square&color=00d8ff&label=%F0%9F%94%96" alt="version" /></a>|[React](https://reactjs.org/) port of @egjs/view360|
+|[**@egjs/vue-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue-view360?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@2](https://vuejs.org/v2/guide/index.html) port of @egjs/view360|
+|[**@egjs/vue3-view360**](https://github.com/naver/egjs-view360/blob/master/packages/vue3-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/vue3-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/vue3-view360?style=flat-square&color=42b883&label=%F0%9F%94%96" alt="version" /></a>|[Vue.js@3](https://v3.vuejs.org/) port of @egjs/view360|
+|[**@egjs/svelte-view360**](https://github.com/naver/egjs-view360/blob/master/packages/svelte-view360/README.md)|<a href="https://www.npmjs.com/package/@egjs/svelte-view360" target="_blank"><img src="https://img.shields.io/npm/v/@egjs/svelte-view360?style=flat-square&color=FF3E00&label=%F0%9F%94%96" alt="version" /></a>|[Svelte](https://svelte.dev/) port of @egjs/view360|
 
 ## License
 egjs-view360 is released under the [MIT license](https://github.com/naver/egjs-view360/blob/master/LICENSE).
diff --git a/packages/vue3-view360/package.json b/packages/vue3-view360/package.json
index d2b8f3d7a..70dce156d 100644
--- a/packages/vue3-view360/package.json
+++ b/packages/vue3-view360/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@egjs/vue3-view360",
-  "version": "4.0.0-beta.7",
+  "version": "4.0.0",
   "description": "360 integrated viewing solution from inside-out view to outside-in view. It provides user-friendly service by rotating 360 degrees through various user interaction such as motion sensor and touch.",
   "main": "dist/view360.cjs.js",
   "module": "dist/view360.esm.js",
@@ -38,7 +38,7 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@egjs/view360": "4.0.0-beta.7"
+    "@egjs/view360": "~4.0.0"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.0.0",
@@ -69,7 +69,5 @@
     "last 2 version",
     "ie 9-11",
     "not op_mini all"
-  ],
-  "lernaHelperReleaseType": "prerelease",
-  "lernaHelperPublishTag": "next"
+  ]
 }