XYodacomponents

Getting started

Installation

one stylesheet, three fonts. no build step, no javascript needed for most parts.

Stylesheet

Link the shared stylesheet first, then the extras if you use the new parts.

<link rel="stylesheet" href="https://components.xyoda.net/static/app.css">
<link rel="stylesheet" href="https://components.xyoda.net/static/extras.css">
<link rel="stylesheet" href="https://components.xyoda.net/static/buttons.css">
<link rel="stylesheet" href="https://components.xyoda.net/static/parts.css">

Solid JS

Every part is a Solid JS component in this library. The site renders them to static html at build time, so what you copy is plain markup that works in any stack. Drop it into a Solid component as jsx, class stays class.

For agents

Point a coding agent at /prompt.md. It holds the rules, the tokens and the markup for every component in one file.

Fonts

Outfit for headings, Manrope for text, IBM Plex Mono for labels. They ship with the stylesheet under /static/fonts.