# Components

Explore the design system components: view variants, try them in isolation, and copy code for your app.

---

## Playground

Use the Playground to compose UI library components, edit Vue code, and preview the result immediately.

**[Open Playground →](https://dev.aleph-alpha.de/playground/ui-library/)**

## Storybook

The easiest way to browse components and see detailed documentation on each component is Storybook. You can switch props, see states and sizes, see provided examples, etc.

**[Open Storybook →](https://dev.aleph-alpha.de/ui-library)**
