Extends Gracile’s capabilities with this seamlessly integrating add-ons.
Client-side router
Quickly add a description, title, open graph, etc. in your page’s document head. This add-on will take care of the nitty-gritty.
CSS helpers
Custom Elements with Shadow DOM, sometimes, are too hermetic, style-wise. These helpers make one or many sheets adoptable, with no FOUC.
Page metadata (head)
Quickly add a description, title, open graph, etc. in your page’s document head. This add-on will take care of the nitty-gritty.
Markdown
Import markdown files directly in HTML templates with your custom processing pipeline or presets. Extracts the table of contents, frontmatter, excerpt and…
SVG
Import, auto-optimize, and inline SVG files in your HTML templates. Uses SVGO under the hood.
Sitemap
Generate a site map for the web crawlers to collect.
Gracile — (P)React, Solid, Svelte, Vue Islands
Gracile Islands let you server-render and hydrate components from any UI framework — React, Vue, Svelte, Solid, Preact — inside your Lit SSR pages using the…
JSX
Gracile — Standard CSS Modules (Vite plugin)
Use import attributes in Vite to get a CSSStyleSheet or a Lit CSSResult from your CSS files.
Gracile — Hot Module Replacement
Web Components HMR (Hot Module Replacement) Vite plugin, to be used with Gracile or any Vite project that use Custom Elements.
Open Graph Images Generator
Functional component hooks
Lightweight hooks and context primitives for signal-based render trees. Works anywhere a render function can be scoped, with Lit or similar…