Theme
Ready-to-use components curated and voted on by the community.
A team avatar group with initials placeholders and online or offline presence rings.
Topic chips that flow onto new lines with Wrap and WrapItem as topics are added.
An order history Timeline that advances to the next shipping event on demand.
A product description rendered with Text that switches between truncated, clamped and full.
Label tags in several colour palettes with labelled close triggers and a restore action.
An invoices table built from Table parts with a sortable amount column.
Revenue and churn stats with labels, value text, units and up/down indicators.
Contact actions laid out with HStack or VStack and divided by StackSeparator.
A metrics board that switches SimpleGrid between fixed columns and an auto-fit minimum width.
Profile details split by Separators whose variant and orientation switch locally.
A changelog in a ScrollArea with a custom scrollbar and a jump-to-top control.
An event check-in QR Code generated locally from an editable ticket code.
A release article styled by the Chakra UI Prose composition, with headings, lists, a quote, code and a table in two sizes.
A scrolling partner strip built from Marquee that pauses on interaction or from a control.
A review comment with the key phrase highlighted by Mark in a locally chosen variant.
Setup instructions that switch between a numbered and a bulleted List.
A keyboard shortcut reference with Kbd keys that switch between Mac and Windows.
A responsive cover image with object-fit and corner radius switched from local controls.
Feature icons rendered through Icon with size and colour palettes switched locally.
A teammate mention that shows a profile hover card on hover or focus.
Search results whose query words are highlighted with Chakra Highlight.
A page header using Chakra Heading sizes while keeping the semantic heading level.
A dashboard grid with a wide featured item using Grid and GridItem spans.
Revenue figures formatted with FormatNumber as currency, compact or percent.