# BeerCSS

> BeerCSS is a CSS framework based on Material Design 3 that uses semantic HTML elements with optional helper classes.

- [BeerCSS website](https://www.beercss.com)
- [GitHub repository](https://github.com/beercss/beercss)
- [Material Design 3 guidelines](https://m3.material.io)
- [Full documentation](/llms-full.txt)

## Documentation

- [The principles](https://www.beercss.com/docs/INDEX.md)
- [SETTINGS](https://www.beercss.com/docs/SETTINGS.md)
- [ELEMENTS](https://www.beercss.com/docs/ELEMENTS.md)
- [HELPERS](https://www.beercss.com/docs/HELPERS.md)
- [Badge](https://www.beercss.com/docs/BADGE.md)
- [Button](https://www.beercss.com/docs/BUTTON.md)
- [Card](https://www.beercss.com/docs/CARD.md)
- [Checkbox](https://www.beercss.com/docs/CHECKBOX.md)
- [Chip](https://www.beercss.com/docs/CHIP.md)
- [Dialog](https://www.beercss.com/docs/DIALOG.md)
- [Divider](https://www.beercss.com/docs/DIVIDER.md)
- [Expansion](https://www.beercss.com/docs/EXPANSION.md)
- [Grid](https://www.beercss.com/docs/GRID.md)
- [Icon](https://www.beercss.com/docs/ICON.md)
- [Input](https://www.beercss.com/docs/INPUT.md)
- [Layout](https://www.beercss.com/docs/LAYOUT.md)
- [List](https://www.beercss.com/docs/LIST.md)
- [Main layout](https://www.beercss.com/docs/MAIN_LAYOUT.md)
- [Media](https://www.beercss.com/docs/MEDIA.md)
- [Menu](https://www.beercss.com/docs/MENU.md)
- [Modules](https://www.beercss.com/docs/MODULES.md)
- [Navigation](https://www.beercss.com/docs/NAVIGATION.md)
- [Overlay](https://www.beercss.com/docs/OVERLAY.md)
- [Page](https://www.beercss.com/docs/PAGE.md)
- [Progress](https://www.beercss.com/docs/PROGRESS.md)
- [Radio](https://www.beercss.com/docs/RADIO.md)
- [Select](https://www.beercss.com/docs/SELECT.md)
- [Shape](https://www.beercss.com/docs/SHAPE.md)
- [Slider](https://www.beercss.com/docs/SLIDER.md)
- [Snackbar](https://www.beercss.com/docs/SNACKBAR.md)
- [Summary](https://www.beercss.com/docs/SUMMARY.md)
- [Switch](https://www.beercss.com/docs/SWITCH.md)
- [Table](https://www.beercss.com/docs/TABLE.md)
- [Tabs](https://www.beercss.com/docs/TABS.md)
- [Textarea](https://www.beercss.com/docs/TEXTAREA.md)
- [Tooltip](https://www.beercss.com/docs/TOOLTIP.md)
- [Typography](https://www.beercss.com/docs/TYPOGRAPHY.md)
- [Javascript](https://www.beercss.com/docs/JAVASCRIPT.md)