Bref is a minimalist Svelte UI component library that leans on Svelte’s scoped CSS instead of external styling systems. Components are intentionally named to mirror native HTML, so teams can adopt the library without learning a new vocabulary.
The core set focuses on practical building blocks like buttons, inputs, progress indicators, tree views, pills, and icons, each with escape hatches that expose raw CSS for custom behavior. The theming system is the center of the project: provide base colors and Bref generates a full variable palette with contrast-safe text, hover and active states, luminance steps, and dark-mode adjustments. That makes design work faster while keeping accessibility intact.
The library supports use as a standard npm dependency, and a planned CLI will allow direct component import for deep customization. Bref aims to stay small, flexible, and easy to integrate, while still offering section and marketing components for higher-level layouts.
Its philosophy is simple: ship a tight set of components, keep styling transparent, and give developers just enough structure to move quickly without locking them in. Documentation and examples emphasize clarity, and the roadmap stays grounded in real UI needs so teams extend it with their own design language over time confidently.