• Design systems
  • Components
  1. Components
  2. Divider

Divider component examples

Dividers create a visual pause between related sections without adding another heading.

Also known as Separator, Horizontal rule, Vertical rule

Open Divider source example
Divider from Aalto Design System

Divider

Aalto Design System
Open Separator source example
Separator from Chakra UI

Separator

Chakra UI
Open Divider source example
Divider from Duet Design System

Divider

Duet Design System
Open Divider source example
Divider from Fluent 2 Design System

Divider

Fluent 2 Design System
Open Divider source example
Divider from HeroUI

Divider

HeroUI
Open Divider source example
Divider from Nord Design System

Divider

Nord Design System
Open Divider source example
Divider from NYS Design System

Divider

NYS Design System
Open Separator source example
Separator from Paste

Separator

Paste
Open Divider source example
Divider from PatternFly

Divider

PatternFly
Open Divider source example
Divider from Polaris

Divider

Polaris
Open Separator source example
Separator from shadcn

Separator

shadcn
Open Divider source example
Divider from Tractie

Divider

Tractie
Open Divider source example
Divider from Wise Design

Divider

Wise Design
Open Divider source example
Divider from WPDS

Divider

WPDS

Related categories

Explore adjacent component patterns.

Account details

Personal information and preferences.

Notifications

Accordion

Collapse, Collapsible, Collapsible sections, Details, Disclosure, Expandable, Expandable section, Expander

Aspect ratio

Card title

Card content.

View details

Card

Tile

© 2026
PrivacyTerms

Footer

Globalfooter

Public design systems, component patterns, and the source material behind them.

Design systems

  • All design systems
  • Recommended picks
  • Submit a design system

Industries

  • Government
  • Finance
  • Travel
  • Retail
  • Healthcare
  • Communications
  • Media
  • Education
  • Technology

Components

  • UI component examples
  • Actions
  • Forms and input
  • Navigation
  • Feedback and status
  • Data display
  • Content and media
  • Layout and structure
  • Overlays
  • AI and conversation
Attributions

© 2026 designsystem.gallery