StudioCMS UI
An Astro-native component library for the framework-agnostic crowd: no React, no Vue, no Svelte.
StudioCMS UI is the component library that powers StudioCMS , extracted and published as a standalone package for the wider Astro community. It's 25+ accessible components written as pure .astro files, so you can drop it into any Astro project without adopting a frontend framework or shipping extra JavaScript runtime. As an official maintainer on the project, my role have included contributing components, fixes, and accessibility work.
Approach
Components ship as server-rendered Astro with scoped styles and CSS custom properties for theming. Interactivity uses vanilla TypeScript — no hydration islands required for most components. Fully accessible by default: keyboard navigation, ARIA semantics, and color-mode support baked in rather than bolted on.
Stack
Astro 4/5 · TypeScript · Tailwind-compatible · zero runtime dependencies
Why it matters
Most Astro UI kits assume you'll bring React or Svelte along for the interactive bits. StudioCMS UI rejects that assumption and proves you can build buttons, modals, toasts, dropdowns, and tooltips natively in Astro, with full accessibility, at a fraction of the bundle cost. For teams picking Astro specifically to avoid framework lock-in, this is the library they've been waiting for.
