Components
From a paragraph to a complete website. Four groups, one component package.
Start with the content you want to publish. Each group has working examples with editable parameters, a live preview, and copyable source.
See the same components in a plain host page in thecomponent embed lab.
Content →
Publish equations, source code, audio, and video with reusable components.
Math · code · audio · video
Visualization →
Make datasets and musical phrases inspectable with charts and editable piano rolls.
Charts · MIDI · piano roll
Graphics →
Explore three-dimensional models and interactive shader studies.
3D models · shaders
Website →
Compose a complete site from layouts, navigation, collections, and search.
Layout · navigation · contents · post lists · search
Live parameters, figure focus, and shared themes work across documents and slides.Try them together.
Use one component
All components live in @alkemdotdev/alkemist-components, with direct imports such as /chart and /navigation. These categories organize the documentation; they do not change package boundaries.
Install in an existing Astro site →
Explore an example
Presentations, decks, and steps bring these same components into Markdown-authored browser presentations.
Annotations adds local highlights and comments to any document or presentation. Try the text annotation lab.
Change parameters to regenerate the preview and source together. Presets provide useful combinations; Reset restores the example.
The separate native HTML and media reference covers browser elements styled by the theme. The Playground component supplies the same preview, source, and controls across the docs.