Introduction

alumna-shadcn is a CSS-first visual library for Alumna apps. It aims to give you a Vega-inspired look — buttons, cards, overlays, login and dashboard blocks — without Tailwind, TypeScript, or a component registry.

HTML with classes is the public API. You paste markup. The code is open (MIT). Copy what you need.

How it is organized

Two CSS files, then copy-paste HTML. alumna.css is invisible structure. alumna-shadcn.css is tokens and skins. Optional thin Svelte wrappers live under src/components/ui/ when the markup is painful to paste twice (spinner SVG, card parts, breadcrumb chevron, overlay position in Place.svelte).

How to use it

Link the two stylesheets, paste a snippet into src/components/, and point a route at it (or import a wrapper). Browse Components and Blocks in the nav for previews. Do not copy site.css — that is this docs site’s font only.

How it is distributed

You copy files. It is not an npm package and not alumna add — Alumna cannot install CSS that way today. The steps are on Install.