Sevria UI

Modern component library for Svelte.

Getting started

This library requires an existing SvelteKit project with Tailwind CSS configured. If you haven't set these up yet, follow their official documentation first.

To install the library, run:

pnpm add -D @sevria/ui

Update src/routes/layout.css file:

@import 'tailwindcss';
@import '@sevria/ui/styles';

Update src/routes/+layout.svelte file:

<script lang="ts">
  import { Provider } from '@sevria/ui';
  import './layout.css';

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

<Provider>
  {@render children()}
</Provider>

That's it! You're now ready to build with Sevria UI.