Getting Started

Intall SVXUI and start building.

Installation

1. Install svxui

Install svxui with the package manager of your choice.

2. Import the CSS files

Import the base style and utilities into the root of your application.

routes/+layout.svelte

<script>
    import 'svxui/tokens.css'; // Required 
    import 'svxui/normalize.css'; // Optional 
    import 'svxui/utilities.css'; // Optional 
</script>

3. Add the ThemeRootProvider component

Wrap your application with the <ThemeRootProvider/> component.

routes/+layout.svelte

<script>
    import 'svxui/styles.css';
    import { ThemeRootProvider } from 'svxui'; 

    let { children } = $props();
</script>

<ThemeRootProvider>
    {@render children?.()}
</ThemeRootProvider>

4. Start building

Your app is ready for use svxui!

routes/+page.svelte

<script>
    import { Button } from 'svxui';
</script>

<Button>Button</Button>

Introduction

Theme Provider