Layout grid

A responsive layout grid is a component designed to manage the content of a page.

Deprecated

This package is deprecated.

Use grid primitive.

Was this page helpful?
We use this feedback to improve our documentation.

What's new

Featured2025

Get started

DesignDevelopContent designAbout the design system

Foundations

TokensAccessibilityContentSpacingGridColorTypographyIconographyIllustrationsLogosElevation

Components

Forms and inputImages and iconsLayout and structureLoadingMessagingNavigationOverlays and layeringStatus indicatorsText and data displayPrimitivesLibraries

Tools

Figma librariesApp providerESLint pluginStorybook addonStylelint pluginUI Styling Standard

Design at Atlassian

FeaturedProducts & NewsYouTubeInstagram
© 2025 Atlassian
Contact usCareersTrademarkPrivacyLicense