Ready-to-use components curated and voted on by the community.
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.
File sizes formatted with FormatByte in bytes or bits, with a unit display switch.
A toolbar laid out with Flex, switching justify content between start, centre and space-between.
Editorial copy with emphasised words rendered by Chakra Em.
A customer record in a horizontal Data List with a vertical layout switch.
Theme colour swatches that pick an accent, with readable colour names.
A two-file code viewer built with the Chakra UI Code Block, highlighted by shiki, with line numbers, a highlighted line and a copy button.
Inline code tokens in surface, subtle and outline variants with a variant switch.
A testimonial Carousel with previous and next triggers and page indicators.
Rotating customer quotes in a Chakra Blockquote with an icon and caption.
A channel member avatar group with initials fallbacks and a show-all toggle.
A map placeholder that keeps 16:9, 4:3 or 1:1 proportions as you switch.
Article cards made fully clickable with LinkBox and LinkOverlay, keeping a nested author link.
Article text constrained by Container with selectable maximum widths.
Square and circle icon tiles centred with Center, Square and Circle.
An event card with header, body and footer slots and an RSVP action.
A notification card built from Box style props, with a compact density switch.
