# Source: https://rsbuild.dev/guide/framework/svelte.md

# Svelte

In this document, you will learn how to build a Svelte application using Rsbuild.

## Create a Svelte application

Use [create-rsbuild](/guide/start/quick-start.md#create-an-rsbuild-application) to create a Svelte application with Rsbuild. Run the following command:

import { PackageManagerTabs } from '@theme';

<PackageManagerTabs
  command={{
  npm: 'npm create rsbuild@latest',
  yarn: 'yarn create rsbuild',
  pnpm: 'pnpm create rsbuild@latest',
  bun: 'bun create rsbuild@latest',
}}
/>

Then select `Svelte` when prompted to "Select framework".

## Use Svelte in an existing project

To compile Svelte components (`.svelte` files), you need to register the Rsbuild [Svelte plugin](/plugins/list/plugin-svelte.md). The plugin will automatically add the necessary configuration for Svelte builds.

For example, register in `rsbuild.config.ts`:

```ts title="rsbuild.config.ts"
import { defineConfig } from '@rsbuild/core';
import { pluginSvelte } from '@rsbuild/plugin-svelte';

export default defineConfig({
  plugins: [pluginSvelte()],
});
```