diff --git a/web/.eslintrc.js b/web/.eslintrc.js
deleted file mode 100644
index 969e095f..00000000
--- a/web/.eslintrc.js
+++ /dev/null
@@ -1,31 +0,0 @@
-module.exports = {
- env: {
- browser: true,
- es2021: true,
- },
- extends: ["standard-with-typescript", "plugin:wc/best-practice"],
- overrides: [
- {
- env: {
- node: true,
- },
- files: [".eslintrc.{js,cjs}"],
- parserOptions: {
- sourceType: "script",
- },
- },
- ],
- parserOptions: {
- ecmaVersion: "latest",
- sourceType: "module",
- },
- rules: {
- semi: [2, "always"],
- "@typescript-eslint/semi": "off",
- },
- settings: {
- wc: {
- elementBaseClasses: ["LitElement"],
- },
- },
-};
diff --git a/web/.gitignore b/web/.gitignore
deleted file mode 100644
index 1619d798..00000000
--- a/web/.gitignore
+++ /dev/null
@@ -1,147 +0,0 @@
-### Node ###
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-lerna-debug.log*
-.pnpm-debug.log*
-
-# Diagnostic reports (https://nodejs.org/api/report.html)
-report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
-
-# Runtime data
-pids
-*.pid
-*.seed
-*.pid.lock
-
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-
-# Coverage directory used by tools like istanbul
-coverage
-*.lcov
-
-# nyc test coverage
-.nyc_output
-
-# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
-.grunt
-
-# Bower dependency directory (https://bower.io/)
-bower_components
-
-# node-waf configuration
-.lock-wscript
-
-# Compiled binary addons (https://nodejs.org/api/addons.html)
-build/Release
-
-# Dependency directories
-node_modules/
-jspm_packages/
-
-# Snowpack dependency directory (https://snowpack.dev/)
-web_modules/
-
-# TypeScript cache
-*.tsbuildinfo
-
-# Optional npm cache directory
-.npm
-
-# Optional eslint cache
-.eslintcache
-
-# Optional stylelint cache
-.stylelintcache
-
-# Microbundle cache
-.rpt2_cache/
-.rts2_cache_cjs/
-.rts2_cache_es/
-.rts2_cache_umd/
-
-# Optional REPL history
-.node_repl_history
-
-# Output of 'npm pack'
-*.tgz
-
-# Yarn Integrity file
-.yarn-integrity
-
-# dotenv environment variable files
-.env
-.env.development.local
-.env.test.local
-.env.production.local
-.env.local
-
-# parcel-bundler cache (https://parceljs.org/)
-.cache
-.parcel-cache
-
-# Next.js build output
-.next
-out
-
-# Nuxt.js build / generate output
-.nuxt
-dist
-
-# Gatsby files
-.cache/
-# Comment in the public line in if your project uses Gatsby and not Next.js
-# https://nextjs.org/blog/next-9-1#public-directory-support
-# public
-
-# vuepress build output
-.vuepress/dist
-
-# vuepress v2.x temp and cache directory
-.temp
-
-# Docusaurus cache and generated files
-.docusaurus
-
-# Serverless directories
-.serverless/
-
-# FuseBox cache
-.fusebox/
-
-# DynamoDB Local files
-.dynamodb/
-
-# TernJS port file
-.tern-port
-
-# Stores VSCode versions used for testing VSCode extensions
-.vscode-test
-
-# yarn v2
-.yarn/cache
-.yarn/unplugged
-.yarn/build-state.yml
-.yarn/install-state.gz
-.pnp.*
-
-### Node Patch ###
-# Serverless Webpack directories
-.webpack/
-
-# Optional stylelint cache
-
-# SvelteKit build / generate output
-.svelte-kit
-
-# Operating system
-.DS_Store
-*.bak
-*.swp
-*~
-
-# End of https://www.toptal.com/developers/gitignore/api/node
diff --git a/web/README.md b/web/README.md
deleted file mode 100644
index 5e39b66d..00000000
--- a/web/README.md
+++ /dev/null
@@ -1,295 +0,0 @@
-# @thorvg/lottie-player
-
-A Lottie Player which uses [ThorVG](https://github.com/thorvg/thorvg) as a renderer, provides a web component for easily embedding and playing [Lottie](https://airbnb.io/lottie) animations.
-
-# Installation
-
-- Import from CDN
-```html
-
-```
-
-- Install from [NPM](https://www.npmjs.com/package/@thorvg/lottie-player)
-```sh
-npm install @thorvg/lottie-player
-```
-
-# Usage
-### With HTML (Basic Usage)
-
-Once you import from CDN, you can access ``
-
-```html
-
-
-```
-
-### With NPM (JS/TS)
-
-Import the library and please follow Basic Usage, you can use library on any NPM-based project such as React, Vue and Svelte.
-
-```ts
-import '@thorvg/lottie-player';
-```
-
-### With ReactJS + TypeScript
-
-Add `declarations.d.ts` on the root of project and make sure following declaration.
-
-```js
-declare namespace JSX {
- interface IntrinsicElements {
- "lottie-player": any;
- }
-}
-```
-
-Then you will be able to use this as same as above
-```js
-import '@thorvg/lottie-player';
-
-
-
-```
-
-### With SSR Framework
-We should be careful when using on SSR frameworks such as NextJS, NuxtJS and Svelte, as it means the library must to be rendered on browser/client side.
-
-- NextJS
-```ts
-import { useEffect } from "react";
-
-export default function Home() {
- // ...
-
- useEffect(() => {
- import("@thorvg/lottie-player");
- });
-
- // ...
-}
-```
-
-- NuxtJS
-```html
-
- {/* ... */}
-
-
-
-```
-
-- Svelte
-```html
-
-```
-
-# API
-## Properties
-
-| Property | Description | Type | Default Value | Required |
-| --- | --- | --- | --- | --- |
-| src | A graphic resource to play. It could be an internal/external URL or JSON string for Lottie. | string | undefined | Y |
-| speed | Animation speed (for Lottie) | number | 1 | N |
-| autoplay | When set to true, automatically plays the animation on loading it (for Lottie) | boolean | false | N |
-| count | Number of times to loop the animation | number | undefined | N |
-| loop | When set to true, loops the animation. The count property defines the number of times to loop the animation. Setting the count property to 0 and setting the loop to true, loops the animation indefinitely. | boolean | false | N |
-| direction | Direction of the animation. Set to 1 to play the animation forward or set to -1 to play it backward. | number (1 or -1) | 1 | N |
-| mode | Play mode. Setting the mode to PlayMode.Bounce plays the animation in an indefinite cycle, forwards and then backwards. | PlayMode | PlayMode.Normal | N |
-| intermission | Duration (in milliseconds) to pause before playing each cycle in a looped animation. Set this parameter to 0 (no pause) or any positive number. | number | 1 | N |
-
-## Events
-
-You can adapt the event with the following code example
-
-```jsx
-const player = document.querySelector('lottie-player');
-
-player.addEventListener('load', () => {
- // TODO: implements
-});
-```
-
-| Name | Description |
-| --- | --- |
-| load | A graphic resource is loaded |
-| error | An animation data can’t be parsed. |
-| ready | Animation data is loaded and player is ready |
-| play | Animation starts playing |
-| pause | Animation is paused |
-| stop | Animation is stopped |
-| freeze | Animation is paused due to player being invisible |
-| loop | An animation loop is completed |
-| complete | Animation is complete (all loops completed) |
-| frame | A new frame is entered |
-
-
-## Methods
-
-**Method** : `load(src: string | object)`
-
-**Purpose** : Load and play Lottie animation
-
-**Parameters**
-| Name | Type | Description
-| --- | --- | --- |
-| src | `string` or `object` | URL, or a JSON string or object representing a Lottie animation to play.
-
-**Return Type** : `Promise`
-
----
-
-**Method** : `play()`
-
-**Purpose** : Play loaded animation
-
-**Return Type** : `void`
-
----
-
-**Method** : `pause()`
-
-**Purpose** : Pause playing animation
-
-**Return Type** : `void`
-
----
-
-**Method** : `stop()`
-
-**Purpose** : Stop current animation
-
-**Return Type** : `void`
-
----
-
-**Method** : `seek(frame: number)`
-
-**Purpose** : Move to a given frame
-
-**Parameters**
-| Name | Type | Description
-| --- | --- | --- |
-| src | `number` | The frame number to move, shouldn't be less than 0 and greater than `totalFrame`
-
-**Return Type** : `void`
-
-> [!TIP]
-> You can easily check total frame of animation, use `player.totalFrame`
-
----
-
-**Method** : `destory()`
-
-**Purpose** : Destroy animation and lottie-player element
-
-**Return Type** : `void`
-
----
-
-**Method** : `setLooping(value: boolean)`
-
-**Purpose** : Enable animation loop
-
-**Parameters**
-| Name | Type | Description
-| --- | --- | --- |
-| value | `boolean` | `true` enables looping, while `false` disables looping.
-
-**Return Type** : `void`
-
----
-
-**Method** : `setDirection(value: number)`
-
-**Purpose** : Set animation direction
-
-
-**Parameters**
-| Name | Type | Description
-| --- | --- | --- |
-| value | `number` | Direction values. `1` to play the animation forward, `-1` to play it backward.
-
-**Return Type** : `void`
-
----
-
-**Method** : `setSpeed(value: number)`
-
-**Purpose** : Set speed of animation
-
-
-**Parameters**
-| Name | Type | Description
-| --- | --- | --- |
-| value | `number` | Playback speed. The value must be any positive integer.
-
-**Return Type** : `void`
-
----
-
-**Method** : `setBgColor(value: string)`
-
-**Purpose** : Set a backgroud color
-
-**Parameters**
-| Name | Type | Description
-| --- | --- | --- |
-| value | `string` | Color values. Hex(#fff) or string('red') to set background color
-
-**Return Type** : `void`
-
----
-
-**Method** : `save(target: ExportableType)`
-
-**Purpose** : Export current animation to other file type
-
-**Parameters**
-| Name | Type | Description
-| --- | --- | --- |
-| value | `ExportableType` | File type to export
-
-**Return Type** : `void`
-
-
----
-
-**Method** : `getVersion()`
-
-**Purpose** : Return current ThorVG version
-
-**Return Type** : `LibraryVersion`
-
-# Examples
-
-Please check these examples in various environments.
-
-- [VanillaJS Usage](https://codesandbox.io/p/sandbox/thorvg-lottieplayer-vanillajs-t737qm)
-- [React Usage](https://codesandbox.io/p/devbox/thorvg-lottieplayer-react-hkkrq3)
-- [VueJS Usage](https://codesandbox.io/p/devbox/thorvg-lottieplayer-vue-758h3l)
-- [Svelte Usage](https://codesandbox.io/p/devbox/thorvg-lottieplayer-svelte-xd4zp6)
diff --git a/web/example/benchmark.html b/web/example/benchmark.html
deleted file mode 100644
index a6c95d03..00000000
--- a/web/example/benchmark.html
+++ /dev/null
@@ -1,277 +0,0 @@
-
-
-
-
-
- @thorvg/lottie-player | Benchmark
-
-
-
-
-
- ThorVG Web
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/web/example/index.html b/web/example/index.html
deleted file mode 100644
index 3eca7628..00000000
--- a/web/example/index.html
+++ /dev/null
@@ -1,166 +0,0 @@
-
-
-
-
- ThorVG Lottie Player
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-