UI Components

Component Library

We use shadcn/ui components which can be installed with pnpm dlx shadcn@latest add {component name}.

When you need a new component, use one of the following three methods in order of this priority.

1. use shadcn/ui components with their default style
2. use shadcn/ui components with custom style
3. create components by composing shadcn/ui components
4. implement components by yourself

Styling rules

Layout by CSS Modules, shapes and colors by Tailwind CSS

Use tailwind css only for styling shapes and colors of HTML elements and texts. Never use it for defining layouts and placements of elements.