Developer tools
Bref-ui
A Svelte 5 component library for customizable websites and apps, with scoped CSS and source you can own.
- Category
- Developer tools
- Stage
- Beta
- For
- Svelte 5 and SvelteKit developers building websites and apps who want customizable UI components, themes, and source they can own.
About
A Svelte 5 component library for customizable websites and apps, with scoped CSS and source you can own. Discord: https://discord.gg/JpgQRTUsVS - feuersteiner/bref-ui
Features
- Problem
- Building common interface elements from scratch takes time.
- How it works
- Provides 19 Svelte components, including buttons, dialogs, inputs, tabs, and tree views.
- Result
- Developers can compose interfaces from ready-made components.
- Why
- A component library gives developers reusable building blocks for websites and apps.
- Problem
- A library’s styling can be difficult to adapt or conflict with app styles.
- How it works
- Uses scoped CSS and supports theme customization, with New Paris, VS Code, Glassy, and Crystal Code theme packages.
- Result
- Developers can tailor component styling and themes to their interfaces.
- Why
- Scoped styles and theme choices give projects more control over their appearance.
- Problem
- Developers may want direct ownership of library components.
- How it works
- An optional CLI initializes a local UI source directory and copies selected components after previewing files and requesting overwrite confirmation.
- Result
- Developers can modify and keep their own component source.
- Why
- Local copies make component source available for direct project-level customization.
- Problem
- Learning component behavior and setup can require searching through code.
- How it works
- Documentation includes a component gallery with examples, props, theme customization, and playgrounds; an /llms.txt reference supports agent discovery.
- Result
- Developers can explore components and their configuration in one place.
- Why
- Examples and reference material help developers understand and use the library.
Product questions
What does Bref-ui do?
Bref-ui is a Svelte 5 component library for building customizable websites and apps. It offers scoped-CSS components, theme options, and a CLI for copying component source into your project.
Who is Bref-ui for?
Svelte 5 and SvelteKit developers building websites and apps who want customizable UI components, themes, and source they can own.
Screenshots
