Introduction

Herbst means autumn in German. The library was born from the idea of bringing that season into interfaces: warm light, sepia tones and a single orange accent, used with care.

It has more than 65 copy-and-paste Angular components. You add them with the CLI, the code goes into your project and you change whatever you want.

Philosophy

• The code is yours. Components live in your repository, not inside a package. Read them, adapt them and delete what you don't use.
• One place for style. Every component uses semantic tokens (bg-primary, text-muted-foreground, border-border). Change the theme file and everything follows.
• Modern Angular. Standalone components, input()/model()/output() and OnPush everywhere. No modules.
• A look of its own. No generic template. Herbst looks calm, warm and easy to recognize.

What's inside

The catalogue covers what an application usually needs: forms, overlays, navigation, data display, feedback and layout. There are buttons, inputs, dialogs, drawers, tables, trees, a command palette, charts, a calendar and more.

See them all in the Components catalogue.

Getting started

1. Installation: set up the project with one command.
2. CLI: add components.
3. Theme and Colors: adjust the palette.
4. Dark mode: turn on the dark theme.