# Jazz

A minimal CSS design system. A single stylesheet — no build step, no JavaScript, no class names required. Drop in the stylesheet and use semantic HTML.

Documentation: https://erikthalen.github.io/jazz/introduction

## Sections

- [Introduction](https://erikthalen.github.io/jazz/introduction): Getting started, usage, and philosophy
- [Themes](https://erikthalen.github.io/jazz/themes): Color scales, theming with CSS custom properties, dark mode
- [Easings](https://erikthalen.github.io/jazz/easings): Custom easing curves: --ease-glide, --ease-snap, --ease-heavy
- [Icons](https://erikthalen.github.io/jazz/icons): Icon usage with Jazz
- [Customization](https://erikthalen.github.io/jazz/customization): How to customize Jazz beyond the default theme
- [Prose](https://erikthalen.github.io/jazz/components/prose): Typography and prose styling

## Components

- [Accordion](https://erikthalen.github.io/jazz/components/accordion)
- [Badge](https://erikthalen.github.io/jazz/components/badge)
- [Button](https://erikthalen.github.io/jazz/components/button)
- [Button Group](https://erikthalen.github.io/jazz/components/button-group)
- [Card](https://erikthalen.github.io/jazz/components/card)
- [Checkbox](https://erikthalen.github.io/jazz/components/checkbox)
- [Code](https://erikthalen.github.io/jazz/components/code)
- [Color Input](https://erikthalen.github.io/jazz/components/color-input)
- [Combobox](https://erikthalen.github.io/jazz/components/combobox) (WIP)
- [Datalist](https://erikthalen.github.io/jazz/components/datalist)
- [Date Input](https://erikthalen.github.io/jazz/components/date-input)
- [Dialog](https://erikthalen.github.io/jazz/components/dialog)
- [Dropdown](https://erikthalen.github.io/jazz/components/dropdown)
- [Empty State](https://erikthalen.github.io/jazz/components/empty)
- [Expander](https://erikthalen.github.io/jazz/components/expander)
- [Field](https://erikthalen.github.io/jazz/components/field)
- [File Drop](https://erikthalen.github.io/jazz/components/file-drop)
- [Kbd](https://erikthalen.github.io/jazz/components/kbd)
- [Loading](https://erikthalen.github.io/jazz/components/loading)
- [Menu](https://erikthalen.github.io/jazz/components/menu)
- [Popover](https://erikthalen.github.io/jazz/components/popover)
- [Progress](https://erikthalen.github.io/jazz/components/progress)
- [Radio](https://erikthalen.github.io/jazz/components/radio)
- [Radio Group](https://erikthalen.github.io/jazz/components/radio-group)
- [Select](https://erikthalen.github.io/jazz/components/select)
- [Submenu](https://erikthalen.github.io/jazz/components/submenu)
- [Separator](https://erikthalen.github.io/jazz/components/separator)
- [Slider](https://erikthalen.github.io/jazz/components/slider)
- [Switch](https://erikthalen.github.io/jazz/components/switch)
- [Table](https://erikthalen.github.io/jazz/components/table)
- [Text Field](https://erikthalen.github.io/jazz/components/text-field)
- [Textarea](https://erikthalen.github.io/jazz/components/textarea)
- [Toast](https://erikthalen.github.io/jazz/components/toast) (WIP)
- [Toggle](https://erikthalen.github.io/jazz/components/toggle)
- [Toggle Group](https://erikthalen.github.io/jazz/components/toggle-group)
- [Tooltip](https://erikthalen.github.io/jazz/components/tooltip)