diff --git a/src/layouts/just-navigation/index.tsx b/src/layouts/just-navigation/index.tsx
deleted file mode 100644
index 6198482d..00000000
--- a/src/layouts/just-navigation/index.tsx
+++ /dev/null
@@ -1,178 +0,0 @@
-import { Link, Outlet, useLocation, useMatch, useNavigate } from 'react-router-dom';
-import { useEffect } from 'react';
-import { BiLinkExternal } from '@react-icons/all-files/bi/BiLinkExternal';
-import { BiBookBookmark } from '@react-icons/all-files/bi/BiBookBookmark';
-import { BiCodeBlock } from '@react-icons/all-files/bi/BiCodeBlock';
-import { AiOutlineGithub } from '@react-icons/all-files/ai/AiOutlineGithub';
-import { BiCubeAlt } from '@react-icons/all-files/bi/BiCubeAlt';
-import { HiTranslate } from '@react-icons/all-files/hi/HiTranslate';
-import clsx from 'clsx';
-import { BiMenu } from '@react-icons/all-files/bi/BiMenu';
-import { useTranslation } from 'react-i18next';
-
-import { ReactComponent as Logo } from '@/assets/logo.svg';
-import { Drawer } from '@/components/drawer';
-import { Menu } from '@/components/menu';
-import i18nLocale from '@/locale';
-
-const links = [
-  {
-    title: i18nLocale.t('guide'),
-    path: '/guide',
-    icon: <BiBookBookmark />,
-  },
-  {
-    title: i18nLocale.t('schema'),
-    path: '/schema',
-    icon: <BiCodeBlock />,
-  },
-  {
-    title: i18nLocale.t('playground'),
-    path: '/playground',
-    icon: <BiCubeAlt />,
-  },
-  {
-    title: 'LabelU-kit',
-    path: 'https://github.com/opendatalab/labelU-kit#readme',
-    icon: null,
-    type: 'external',
-  },
-];
-
-const langs = [
-  {
-    title: '中文',
-    path: 'zh-CN',
-  },
-  {
-    title: 'English',
-    path: 'en-US',
-  },
-];
-
-export default function JustNavigation({ children }: React.PropsWithChildren<{}>) {
-  const location = useLocation();
-  const navigate = useNavigate();
-  const match = useMatch('/:path/*');
-  const secondPath = match?.pathname.split('/')[1];
-  const { i18n } = useTranslation();
-
-  useEffect(() => {
-    if (location.pathname === '/' || location.pathname === '/guide') {
-      navigate(`/guide/introduction`, {
-        replace: true,
-      });
-    }
-  }, [i18n.language, location.pathname, navigate]);
-
-  const handleLangChange = (lang: string) => () => {
-    i18n.changeLanguage(lang);
-    window.location.reload();
-  };
-
-  return (
-    <div className="flex flex-col items-stretch">
-      <header className="flex justify-between items-center gap-4 h-[64px] px-2 sm:px-6 shadow-sm">
-        <div className="flex gap-2 items-center">
-          <div className="block sm:hidden">
-            <Drawer
-              content={
-                <div className="flex flex-col">
-                  <div className="flex my-2 text-sm justify-around">
-                    {links.map(({ title, path, icon, type }) => (
-                      <Link
-                        key={path}
-                        to={path}
-                        target={type === 'external' ? '_blank' : undefined}
-                        className={clsx('items-center gap-1 p-2 flex', {
-                          'text-[var(--color-primary)': location.pathname.startsWith(`/${path}`),
-                        })}
-                      >
-                        {icon} {title}
-                      </Link>
-                    ))}
-                  </div>
-                  <Menu path={`/${secondPath}`} />
-                </div>
-              }
-              width="calc(100vw - 72px)"
-            >
-              <button className="btn btn-ghost text-xl">
-                <BiMenu />
-              </button>
-            </Drawer>
-          </div>
-          <Link to="/">
-            <div className="flex items-center gap-2">
-              <div className="text-3xl">
-                <Logo />
-              </div>
-              <span className="font-bold">LabelU</span>
-            </div>
-          </Link>
-        </div>
-        <div className="flex gap-4">
-          <div className="flex items-center gap-2">
-            <div className="hidden sm:flex">
-              {links.map(({ title, path, icon, type }) => (
-                <Link
-                  key={path}
-                  to={path}
-                  target={type === 'external' ? '_blank' : undefined}
-                  className={clsx('hidden items-center gap-1 px-4 py-2 rounded-full hover:text-[var(--color-primary)', {
-                    'text-[var(--color-primary)]': location.pathname.startsWith(`${path}`),
-                    'xs:flex': type !== 'external',
-                    'sm:flex': type === 'external',
-                  })}
-                >
-                  <span className="text-xl">{icon}</span> {title}
-                  {type === 'external' && <BiLinkExternal />}
-                </Link>
-              ))}
-            </div>
-            <details className="dropdown dropdown-bottom dropdown-end">
-              <summary className="m-1 btn btn-ghost">
-                <HiTranslate className="text-lg" />
-                <svg
-                  width="12px"
-                  height="12px"
-                  className="hidden h-2 w-2 fill-current opacity-60 sm:inline-block"
-                  xmlns="http://www.w3.org/2000/svg"
-                  viewBox="0 0 2048 2048"
-                >
-                  <path d="M1799 349l242 241-1017 1017L7 590l242-241 775 775 775-775z" />
-                </svg>
-              </summary>
-              <ul className="p-2 shadow menu dropdown-content z-[1] bg-base-100 rounded-box w-52">
-                {langs.map(({ title, path }) => (
-                  <li
-                    key={path}
-                    onClick={handleLangChange(path)}
-
-                  >
-                    <a className={clsx('px-4 py-2 hover:!text-[var(--color-primary)', {
-                      '!text-[var(--color-primary)]': i18n.language === path,
-                      'cursor-pointer': i18n.language !== path,
-                    })}>{title}</a>
-                  </li>
-                ))}
-              </ul>
-            </details>
-            <Link
-              to="https://github.com/opendatalab/labelU"
-              target="_blank"
-              className={clsx('items-center gap-1 px-2 py-2 rounded-full')}
-            >
-              <span className="text-2xl">
-                <AiOutlineGithub />
-              </span>
-            </Link>
-          </div>
-        </div>
-      </header>
-      <div className="flex min-h-0 overflow-auto">
-        {children}
-      </div>
-    </div>
-  );
-}
diff --git a/src/layouts/main/index.tsx b/src/layouts/main/index.tsx
index 0480c956..4f4d8d7b 100644
--- a/src/layouts/main/index.tsx
+++ b/src/layouts/main/index.tsx
@@ -26,11 +26,6 @@ const links = [
     path: 'schema',
     icon: <BiCodeBlock />,
   },
-  {
-    title: i18nLocale.t('playground'),
-    path: 'playground',
-    icon: <BiCubeAlt />,
-  },
   {
     title: 'LabelU-kit',
     path: 'https://github.com/opendatalab/labelU-kit#readme',
diff --git a/src/pages/guide.introduction/markdown_zh-CN.mdx b/src/pages/guide.introduction/markdown_zh-CN.mdx
index 05985d8e..9cb81f6c 100644
--- a/src/pages/guide.introduction/markdown_zh-CN.mdx
+++ b/src/pages/guide.introduction/markdown_zh-CN.mdx
@@ -3,8 +3,9 @@
 ### 产品介绍
 
 LabelU是一个开源的数据标注工具，它可以帮助用户快速、准确、高效地对数据进行标注，从而提高机器学习模型的性能和质量。LabelU支持多种标注类型，包括标签分类、文本描述、拉框、多边形、点、线、立体框、时间戳、片段分割等，满足不同场景和需求的标注任务。
-体验产品可通过以下两种方式：
-- 在线体验：[https://labelu.shlab.tech/](https://labelu.shlab.tech/)
+体验产品可通过以下方式：
+- 标注工具：[https://opendatalab.github.io/labelU-Kit/](https://opendatalab.github.io/labelU-Kit/)
+- LabelU 在线体验：[https://labelu.shlab.tech/](https://labelu.shlab.tech/)
 - 本地部署：[https://opendatalab.github.io/labelU/#/guide/install](https://opendatalab.github.io/labelU/#/guide/install)
 
 ### 功能特性
diff --git a/src/routes.tsx b/src/routes.tsx
index 9f9e985b..ea2dbe10 100644
--- a/src/routes.tsx
+++ b/src/routes.tsx
@@ -26,8 +26,6 @@ import PolygonSchema from './pages/schema.image.polygon';
 import CuboidSchema from './pages/schema.image.cuboid';
 import AudioSegmentSchema from './pages/schema.audio.segment';
 import AudioFrameSchema from './pages/schema.audio.frame';
-import Playground from './pages/playground';
-import JustNavigation from './layouts/just-navigation';
 
 export interface RouteWithName extends NonIndexRouteObject {
   name?: string;
@@ -299,15 +297,6 @@ const routes = [
       },
     ],
   },
-  {
-    path: '/playground',
-    element: <JustNavigation><Playground /></JustNavigation>,
-    handle: {
-      crumb: () => {
-        return i18n.t('playground');
-      },
-    },
-  },
   {
     path: '*',
     element: <NoMatch />,