Component

Separator

Also known as: Divider, Horizonal rule, Vertical rule

A separator between two elements, usually consisting of a horizontal line.

30 Examples

Filter:

  • Divider

    Ant Design

    Tech

    • React

    Features

    • Code examples
    • Accessibility issues
    • Open source

  • Divider/Rule

    Aurora

    Tech

    • CSS

    Features

    • Code examples
    • Tone of voice
    • Open source
    • Unmaintained

  • Divider

    Blueprint

    Tech

    • React
    • Sass

    Features

    • Open source

  • Line

    Cauldron

    Tech

    • React
    • CSS

    Features

    • Code examples
    • Usage guidelines
    • Accessibility
    • Open source

  • Separator

    Chakra UI

    Tech

    • React
    • CSS-in-JS

    Features

    • Code examples
    • Open source

  • Divider

    Coral

    Tech

    • React

    Features

    • Code examples
    • Tone of voice
    • Open source

  • Divider

    Decathlon Design System

    Tech

    • CSS
    • React
    • Svelte
    • Vue
    • Web Components

    Features

    • Usage guidelines
    • Code examples
    • Accessibility
    • Open source

  • Divider

    Dell Design System

    Tech

    • Vanilla JS

    Features

    • Code examples
    • Usage guidelines

  • Divider

    eBay Playbook

    Tech

    • HTML
    • React

    Features

    • Code examples

  • Horizontal rule

    Elastic UI framework

    Tech

    • React
    • Sass

    Features

    • Code examples
    • Open source

  • HR

    Flowbite

    Tech

    • Tailwind CSS

    Features

    • Open source
    • Code examples

  • Separator

    Fluent UI

    Tech

    • React
    • Web Components
    • Mobile

    Features

    • Usage guidelines
    • Code examples
    • Accessibility
    • Open source

  • Divider

    Gestalt

    Tech

    • React
    • CSS

    Features

    • Code examples
    • Open source
    • Usage guidelines

  • Divider

    Material Design

    Tech

    • Mobile
    • Web Components
    • Sass

    Features

    • Usage guidelines
    • Open source
    • Accessibility

  • Decorator

    Momentum Design

    Tech

    • React
    • Web Components

    Features

    • Usage guidelines
    • Open source

  • Divider

    Nessie

    Tech

    • Web Components
    • Tailwind CSS

    Features

    • Usage guidelines
    • Code examples

  • Divider

    NewsKit

    Tech

    • React
    • CSS-in-JS

    Features

    • Code examples
    • Usage guidelines
    • Open source

  • Divider

    Nord Design System

    Tech

    • Web Components

    Features

    • Code examples
    • Usage guidelines

  • Separator

    Orbit

    Tech

    • React
    • CSS-in-JS

    Features

    • Usage guidelines
    • Open source
    • Code examples
    • Tone of voice

  • Separator

    Paste

    Tech

    • React
    • CSS-in-JS

    Features

    • Usage guidelines
    • Code examples
    • Tone of voice
    • Accessibility
    • Open source

  • Divider

    PatternFly

    Tech

    • React
    • Sass

    Features

    • Tone of voice
    • Open source
    • Usage guidelines

  • Divider

    Porsche Design System

    Tech

    • Web Components
    • Angular
    • React
    • Vue

    Features

    • Code examples
    • Open source

  • Separator

    Quasar Framework

    Tech

    • Vue

    Features

    • Accessibility issues
    • Code examples
    • Open source

  • Separator

    Radix Primitives

    Tech

    • React

    Features

    • Code examples
    • Open source

  • Separator

    Reakit

    Tech

    • React

    Features

    • Code examples
    • Open source
    • Accessibility

  • Separator

    shadcn/ui

    Tech

    • React
    • Tailwind CSS

    Features

    • Code examples
    • Open source

  • Divider

    Spectrum

    Tech

    • CSS
    • Web Components
    • React

    Features

    • Code examples
    • Usage guidelines
    • Tone of voice
    • Open source

  • Horizontal Rule

    Thumbprint

    Tech

    • React
    • Sass

    Features

    • Code examples
    • Open source

  • Divider

    Visa Product Design System

    Tech

    • Angular
    • React
    • CSS
    • Mobile

    Features

    • Code examples
    • Usage guidelines
    • Accessibility
    • Open source

  • Separator

    Wanda

    Tech

    • React
    • CSS Modules

    Features

    • Code examples
    • Open source

Resources

  • The br element

    By Heydon Pickering

  • Rule Guidelines

    By Tess Gadd

    Balsamiq

Name distribution