Build faster with Premium Chakra UI Components 💎

Learn more
Skip to Content
DocsPlaygroundGuidesBlog
Sponsor

Breakpoints

The list of available breakpoints

Chakra UI supports the following breakpoints out of the box.

theme.breakpoints

sm

@media screen (min-width >= 480px)

md

@media screen (min-width >= 768px)

lg

@media screen (min-width >= 1024px)

xl

@media screen (min-width >= 1280px)

2xl

@media screen (min-width >= 1536px)

Previous

Aspect Ratios

Next

Colors