Blueprints for Modern Hugo Themes.
A collection of accessible, CSP-strict components built for Hugo, Tailwind CSS v4, and Alpine.js.
Built to Strict Standards.
AA Compliance
WCAG 2.2 Level AA by default, with selective AAA upgrades. Continuously tested under real world conditions.
Zero Inline Scripts
Built for high-security contexts. All client logic ships as ES Modules and works under strict CSP policies.
Maximum Performance
Near-perfect Lighthouse scores by default. Under ~50KB of client runtime, with no hydration delay
and no layout shift.
Not a Theme. A Toolkit.
Keystone brings the Shadcn UI(Opens in a new tab) philosophy to the Hugo ecosystem. Use only the components you need directly into your project. Customize logic and styles without rebuilding from scratch. The code is yours!!!
Pour the Concrete.
Start with a pre-configured Hugo + Tailwind v4 + Alpine environment.
The fastest way to build.
npx
degit oxypteros/keystone-ui
my-site
The Manifest.
The curent collection of native UI elements.
Operational components are ready for deployment.
In Development
items are currently on the drafting table.
Accordion
A vertically stacked set of interactive headings that reveal or hide content sections.
Button
Displays consistent, accessible buttons and anchor links.
Callout
Display brief, crucial messages in a noticeable way.
Icon
Displays SVG icons with unified styling and accessibility support.
Tabs
Organize content into separate views where only one view is visible at a time.
Tooltip
Displays a popup label to describe an element.
Typography
The semantic content engine.
In development Dialog
Modal windows
In development Popover
Floating content