Foundations
Components
- Accordion
- Alert Dialog
- Avatar
- Badge
- Banner
- BreadcrumbSOON
- Button
- Button Group
- Calendar
- Callout
- Card
- Checkbox
- CodeblockSOON
- Color PickerSOON
- Container
- Control Group
- Dialog
- Divider
- Dropdown
- File UploaderSOON
- Flex
- FormSOON
- Grid
- IconSOON
- ImageSOON
- Input
- LinkSOON
- List
- MenuSOON
- PaginationSOON
- Popover
- Progress
- Radio
- Section
- Select
- Skeleton
- SliderSOON
- SpinnerSOON
- Switch
- Table
- Tabs
- Tag
- Textarea
- ToastSOON
- Tooltip
Introduction
SugarcoatUI is no ordinary design system. It's a delightful CSS-in-TS blend with a focus on simplicity, accessibility, and efficiency that adds flavor to your React projects.
Welcome to SugarcoatUI, a sprinkle of delightful user experience! SugarcoatUI is a comprehensive React-based UI library, designed with an emphasis on accessibility, interactivity, and an exceptional developer experience.
We have crafted SugarcoatUI with one main principle: building interactive and accessible applications should be a sweet experience, not just for users but for developers too. So take a dip into this candy box and add some flavor to your web apps.