Your interface. In the language of Meeko.

Real components. From the first render.

This site uses the same package you install in your application. Try a control, switch the theme and take the example to your project.

Your next project

A small example with signals and snippets.

Project name

Edit the name and save the change.

meeko

<script lang="ts">
  const count = signal(0)
</script>

<template>
<UICard title="Your workspace" variant="outline">
  <p role="status">Saved changes: {count.value}</p>
  <snippet name="footer">
    <UIButton on:click="() => count.value++">Save change</UIButton>
  </snippet>
</UICard>
</template>

One foundation, your own identity

Use semantic tokens to connect colors, surfaces and focus with your CSS variables. Defaults are configured per application; each component can override them with its props.

Theming and customization Light, dark and the colors your site already has. Complete interactions Modals with results, focus and nested stacks.