Get Started

p o c k y
is a modern design system and UI kit for Svelte. It’s built with zero dependencies, the latest browser standards, and with performance and accessibility at its core.

Setup

Install Pocky using npm (or pnpm):

npm install @pocky-ui/components @pocky-ui/token

Then import the components needed, such as Button:

<script lang="ts">
import Button from '../components/button.svelte';

export let color: any = 'default';
export let size: any = 'm';

function handleClick(evt: MouseEvent) {
  // TODO: event handling
}
</script>

<Button on:click={handleClick} {size} {color}>Click me</Button>

And use it to scaffold your app!

Next Steps