Component

Rating

The Rating component allows users to provide feedback or express their opinion by assigning a numerical or visual rating to a product, service, or piece of content. It is commonly used in review systems, feedback forms, and e-commerce platforms to gauge user satisfaction and inform other users' decisions.

In our design system, the Rating component offers various styles and configurations, including star ratings, numerical ratings, and custom icons. It provides intuitive interaction for users to easily select their rating and submit feedback. Whether it's a simple thumbs-up/thumbs-down or a detailed five-star rating system, our Rating component ensures a seamless and engaging user experience, enhancing user engagement and informing decision-making within the interface.

Preview In Figma Code

Feedback from the Frontline

If you're looking for a design system that supports React-based code, check out the Keep Design System. It will significantly reduce your both design and development time.

Shoaib Mahmud

Product Designer @Toptal

Amazing work TEAM Keep Design! I wish you all the best.

Sumit Saha

Founder, Learn with Sumit

I have used a couple of design systems and have even created a couple of my own for some projects, but could never bridge the gap between design and development. It is good to see that Keep Design System is not just thinking about quick design, but also a smooth handoff between designers and developers. After exploring multiple design systems, I must say some of the components are quite unique and done in very exhaustive manner. Very excited for the future roadmap, the components and features planned for future are very exciting. It's definitely on my follow list. Keep up the good work guys!

Zalak Upadhyay

UX Designer

This is fantastic news! Keep Design System 1.5 seems like a game-changer for designers everywhere.

Aman Kumar

Founder OF AI-MAN

As a developer, I've found Keep Design System to be an invaluable resource in my projects. Its seamless integration with Figma and React makes creating beautiful and consistent user interfaces a breeze. The availability of both design assets and React components for free is a huge plus, especially for developers working on tight budgets. The well-documented and easy-to-use system saves time and effort, allowing me to focus more on functionality while ensuring a polished UI. Keep Design System truly lives up to its name, helping me maintain design coherence across projects effortlessly. Highly recommended for any developer looking to elevate their UI/UX game.

Hasibul Hasan

Lead Developer @EWS Automation LLC

Looks INSANELY good! It's very generous of you (and smart of course) to have a free version for trying. Looks amazing!

Jad Bourji

UX enthusiast

A great design system. Minimal and Clean with Reach library

Muhammad Ahsan Pervaiz

UX Designer | SaaS Products Designer

Rating

Foundations

Colors

Typography

Shadow

Spacing Scale

Icons

Logo

Emoji

Apps Badge

Components

Button

Button Group

Avatar

Accordion

Alert

Badge

Charts

Empty

Messaging

Skeleton

Steps

Breadcrumb

Checkbox

Checkbox Group

Date Picker

Dropdown

File Upload

Modal

Pagination

Progress Bar

Rating

Slider

Tab Menu

Table

Text Area

Text Input

Switch Toggle

Tooltip

Play Button

Popover

Search

Carousel

Tree

Toast

Context Menu

Drawer

Color Picker

Transfer

Light Box

Wysiwyg Editor

Mega Menu

Feedback from the Frontline