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 velton-ui

Update src/routes/layout.css file:

@import 'tailwindcss';
@import 'velton-ui/styles.css';

Update src/routes/+layout.svelte file:

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

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

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

That’s it! You’re now ready to build with Velton UI.