• Design systems
  • Components
  1. Components
  2. Rating

Rating component examples

Ratings turn an opinion into a compact score, usually with stars, numbers or both.

Also known as Rate

Open Rating source example
Rating from Backpack

Rating

Backpack
Open Star rating source example
Star rating from Backpack

Star rating

Backpack
Open Rating source example
Rating from Base

Rating

Base
Open Rating source example
Rating from Chakra UI

Rating

Chakra UI
Open Rating source example
Rating from Flowbite

Rating

Flowbite
Open Rating source example
Rating from Fluent 2 Design System

Rating

Fluent 2 Design System
Open Morningstar ESG Risk Rating source example
Morningstar ESG Risk Rating from Morningstar Design

Morningstar ESG Risk Rating

Morningstar Design
Open Morningstar Medalist Rating source example
Morningstar Medalist Rating from Morningstar Design

Morningstar Medalist Rating

Morningstar Design
Open Morningstar Rating source example
Morningstar Rating from Morningstar Design

Morningstar Rating

Morningstar Design
Open Rating source example
Rating from Shoelace

Rating

Shoelace

Related categories

Explore adjacent component patterns.

Grid view
List view

Radio button

Radio, Radio box group, Radio group, Radiobutton, Radios

Slider

Range slider, Range input, Range

DefaultOutlineNew

Badge

Chip, Pill, Tag

Name

Ada Lovelace

Email

ada@example.com
Submit

Form

Form layout

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