@ren10/astro

Official Astro integration for RenDS. It keeps RenDS framework-free and emits native HTML plus Light DOM custom elements.

Use a current Node.js 22 LTS release (22.19 or newer for the locked dependencies), Astro 7, and a matching ren10 core package. Check matching public versions in the installation guide. If the adapter version returns E404 (observed for 0.14.0 on 2026-09-30), use the supported local build and tarball installation to install both packages from the same source checkout. Then configure the integration:

// astro.config.mjs
import { defineConfig } from 'astro/config';
import ren10 from '@ren10/astro';

export default defineConfig({
  integrations: [ren10()],
});

---
import Button from '@ren10/astro/components/Button';
import Card from '@ren10/astro/components/Card';
---

<Card>
  <Button variant="primary">Save</Button>
</Card>

The default integration imports ren10/foundation.css and the appearance presets. Generated components import their own CSS and browser behavior.

The @ren10/astro/components barrel exports the complete catalog for discovery and prototypes. Prefer subpath imports in production so Astro can bundle only the CSS and client modules used by the page.

Agents and tooling can discover every adapter without evaluating the barrel:

import catalog from '@ren10/astro/catalog.json' with { type: 'json' };

Full usage, starter, theming, and agent guidance lives in ren10/docs/astro.md.