Noco UI

Clean component library for Svelte.

Getting started

This library requires that you have a SvelteKit project with Tailwind CSS set up. If you haven't done so yet, please refer to the official documentation to begin.

To install the library, run:

pnpm add -D noco-ui

Update src/routes/layout.css file:

@import 'tailwindcss';
@import 'noco-ui/styles';

Update src/routes/+layout.svelte file:

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

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

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

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