Markdown with composable presentation classes.
A tiny syntax extension that feels halfway between markdown and a UI system.
Notes are useful for contextual information and side remarks.
Deployment completed successfully and all health checks passed.
This warning is slightly larger for emphasis.
Compact error blocks work well for inline failures.
“Readable source code is a feature.”
<html>
<body>
Hello world.
</body>
</html>
Multiple classes can layer behavior cleanly.
.card.shadowUtility classes can stay very small and composable.
.card.roundCards can combine many presentation helpers.
Small informational block.
Nicely aligned status messaging.
Larger text plus depth.
12
Pages migrated
3
Remaining tasks
99.95%
Uptime
Utility classes can radically alter appearance without introducing new semantic block types.
| Classes | Effect |
|---|---|
.shadow |
Adds elevation |
.round |
Larger border radius |
.compact |
Reduced padding |
.center |
Centers text |
.small |
Smaller typography |
.large |
Larger typography |
.muted |
Softer text color |
.borderless |
Removes borders |
Nested compositions work naturally.
Tiny success callout.
Instead of inventing dozens of special components, a few semantic blocks plus utility classes scale elegantly.
“Small primitives compose better than giant frameworks.”
Multiple class support transforms the system from a styled markdown renderer into a lightweight document UI framework.