Ctrl + k

Installation

To use YeSvelte components, you need to install and setup your environment.

With Sveltekit

To use YeSvelte with SvelteKit based project, first you should initialize the project, you can use this command to initialize empty SvelteKit project.

Install SvelteKit

Install YeSvelte

then to install YeSvelte components you can use this command:

or using yarn:

Import Styles

then you should add a link to the css file of your preferred theme in your /src/routes/+layout.svelte file.

or to use a cdn:

Note:

You can replace 'tabler' with 'daisyui' for a different look and feel.

Now you should be able to use YeSvelte components in your project!

With Svelte + Vite

To use YeSvelte with Svelte based project, first you should initialize the project, you can use this command to initialize empty Svelte project.

Install Svelte

or using yarn:

Install YeSvelte

then to install YeSvelte components you can use this command:

or using yarn:

Import Styles

then you should add a link to the css file of your preferred theme in your /src/App.svelte file.

or to use a cdn:

Now you should be able to use YeSvelte components in your project!

Template Repository (deprecated)

Easiest way to start working with YeSvelte is using This Starter Repository. to start using this repo, you can run:

then follow instrustions of README.md file. and optionally initialize a git repository

Introduction

Theming

Source code Documentation