Get started Registry

Getting started

Installation

Two ways in: link the hosted build, or copy the files into your project. Both give you the same 31 components.

1 · Link the CDN build

<link rel="stylesheet" href="https://comp.meowda.xyz/static/meowda.css">
<script src="https://comp.meowda.xyz/static/behaviors.js" defer></script>

The fonts are declared inside meowda.css and load from https://comp.meowda.xyz/static/fonts/. Nothing else to configure.

2 · Self-host

mkdir -p static/fonts
curl -o static/meowda.css     https://comp.meowda.xyz/static/meowda.css
curl -o static/behaviors.js   https://comp.meowda.xyz/static/behaviors.js
curl -o static/favicon.svg    https://comp.meowda.xyz/static/favicon.svg
curl -o static/fonts/outfit.woff2   https://comp.meowda.xyz/static/fonts/outfit.woff2
curl -o static/fonts/manrope.woff2  https://comp.meowda.xyz/static/fonts/manrope.woff2
curl -o static/fonts/plex400.woff2  https://comp.meowda.xyz/static/fonts/plex400.woff2
curl -o static/fonts/plex500.woff2  https://comp.meowda.xyz/static/fonts/plex500.woff2

3 · Add a component

Copy the snippet from any component page, or fetch its registry entry:

curl https://comp.meowda.xyz/r/button.json

Registry

{
  "name": "meowda",
  "homepage": "https://comp.meowda.xyz",
  "style": "house",
  "theme": "void",
  "css": { "meowda.css": "https://comp.meowda.xyz/static/meowda.css" },
  "js": { "behaviors.js": "https://comp.meowda.xyz/static/behaviors.js" },
  "components": ["alert", "avatar", "badge", "bars", "button", "card", "chart", "checkbox", "chip", "code-plate", "dialog", "divider", "dropdown-menu", "empty", "eyebrow", "field", "footer", "header", "input", "list", "meter", "select", "skeleton", "spinner", "stats", "steps", "swatch", "tabs", "textarea", "toast", "typography"]
}

Requirements