Chakra UI

Philosophy

Simple, Modular & Accessible UI Components for your React Applications

Principles

• Accessible by default
• Composable
• Themeable
• Developer experience first

Components

In our catalogue (40)

• Accordionhttps://chakra-ui.com/docs/components/accordion
• Alerthttps://chakra-ui.com/docs/components/alert
• Avatarhttps://chakra-ui.com/docs/components/avatar
• Badgehttps://chakra-ui.com/docs/components/badge
• Breadcrumbshttps://chakra-ui.com/docs/components/breadcrumb
• Buttonhttps://chakra-ui.com/docs/components/button
• Cardhttps://chakra-ui.com/docs/components/card
• Checkboxhttps://chakra-ui.com/docs/components/checkbox
• Color pickerhttps://chakra-ui.com/docs/components/color-picker
• Drawerhttps://chakra-ui.com/docs/components/drawer
• Empty statehttps://chakra-ui.com/docs/components/empty-state
• Fieldsethttps://chakra-ui.com/docs/components/fieldset
• File uploadhttps://chakra-ui.com/docs/components/file-upload
• Headinghttps://chakra-ui.com/docs/components/heading
• Iconhttps://chakra-ui.com/docs/components/icon
• Imagehttps://chakra-ui.com/docs/components/image
• Linkhttps://chakra-ui.com/docs/components/link
• Listhttps://chakra-ui.com/docs/components/list
• Modalhttps://chakra-ui.com/docs/components/dialog
• Paginationhttps://chakra-ui.com/docs/components/pagination
• Popoverhttps://chakra-ui.com/docs/components/popover
• Progress barhttps://chakra-ui.com/docs/components/progress
• Progress indicatorhttps://chakra-ui.com/docs/components/steps
• Radio buttonhttps://chakra-ui.com/docs/components/radio
• Ratinghttps://chakra-ui.com/docs/components/rating
• Segmented controlhttps://chakra-ui.com/docs/components/segmented-control
• Selecthttps://chakra-ui.com/docs/components/select
• Separatorhttps://chakra-ui.com/docs/components/separator
• Skeletonhttps://chakra-ui.com/docs/components/skeleton
• Sliderhttps://chakra-ui.com/docs/components/slider
• Spinnerhttps://chakra-ui.com/docs/components/spinner
• Stackhttps://chakra-ui.com/docs/components/stack
• Tablehttps://chakra-ui.com/docs/components/table
• Tabshttps://chakra-ui.com/docs/components/tabs
• Text inputhttps://chakra-ui.com/docs/components/input
• Textareahttps://chakra-ui.com/docs/components/textarea
• Toasthttps://chakra-ui.com/docs/components/toast
• Togglehttps://chakra-ui.com/docs/components/switch
• Tooltiphttps://chakra-ui.com/docs/components/tooltip
• Visually hiddenhttps://chakra-ui.com/docs/components/visually-hidden