Skip to main content

Brand UI

/
  • Product UI
  • Brand UI
  • Octicons
  • Accessibility
  • Brand Toolkit
  • Product UI
  • Brand UI
  • Octicons
  • Accessibility
  • Brand Toolkit

Search

Close search
Change color mode. Active mode is light.Open search
Menu
  1. Brand UI
  2. Layout
  3. Layout

Layout

Box

Use a box to simplify the process of applying one-off styles to an element

Learn more

Grid

Use the grid component to create flexible and responsive grid-based layouts.

Learn more

Stack

Use the stack component to create a layout for its immediate children along the vertical or horizontal axis.

Learn more
Edit this page

© 2025 GitHub, Inc. All rights reserved.

Brand UI
  • Introduction

    • Introduction

    • Animation
    • Getting started
    • Theming
  • Primitives

    • Primitives

    • Color
  • Layout

    • Layout

    • Box
    • Grid
    • Stack
  • Typography

    • Typography

    • Heading
    • Text
  • Components

    • Components

    • Action menu
    • Anchor nav
    • Avatar
    • Bento
    • Breadcrumbs
    • Breakout banner
    • Button
    • Button group
    • CTA banner
    • CTA form
    • Card
    • Comparison table
    • Eyebrow banner
    • FAQ
    • Footnotes
    • Hero
    • IDE
    • Icon
    • Image
    • Label
    • Logo suite
    • Minimal footer
    • Ordered list
    • Pagination
    • Pillar
    • Pricing options
    • Prose
    • River
    • River accordion
    • Section
    • Section intro
    • Statistic
    • Sub nav
    • Subdomain nav bar
    • Testimonial
    • Timeline
    • Tooltip
    • Unordered list
    • Video player
  • Forms

    • Forms

    • Checkbox
    • Checkbox group
    • Form control
    • Radio
    • Radio group
    • Select
    • Textarea
    • Text input
    • GitHub