Streamline Your Design Process with Shu Ha Ri's Component Library

Save time and boost efficiency by integrating our extensive library of expertly crafted components and variants into your projects.

Navigation

26 components + 476 variants

Anchor
Anchor

2 components + 15 variants

Button
Button

5 components + 176 variants

Button Group
Button Group

6 components + 92 variants

Breadcrumbs
Breadcrumbs

1 component + 8 variants

Pagination
Pagination

4 components + 36 variants

Steps
Steps

5 component + 41 variants

Tab
Tab

1 component + 48 variants

Tab Group
Tab Group

1 component + 36 variants

Tree
Tree

1 component + 24 variants

Forms & Inputs

38 components + 902 variants

Auth Code
Auth code

2 components + 54 variants

Calendar
Calendar

4 components + 10 variants

Checkbox
Checkbox

3 components + 16 variants

Date Picker
Date Picker

2 components + 24 variants

Dropdown
Dropdown

3 components + 42 variants

File Uploading
File Uploading

4 component + 20 variants

Number
Number

1 component + 12 variants

Payment
Payment

3 components + 72 variants

Password
Password

2 component + 48 variants

Phone
Phone

2 components + 48 variants

Quantity
Quantity

1 component

Slider
Slider

1 component + 6 variants

RAdio Button
Radio Button

3 components + 12 variants

RAting
Rating

2 components + 24 variants

Search
Search

2 component + 36 variants

Tag
Tag

1 component + 12 variants

Text
Text

1 component + 12 variants

Time Picker
Time Picker

5 components + 60 variants

Toggle
Toggle

3 components + 12 variants

Text Area
Text Area

1 component + 12 variants

Website
Website

1 component + 24 variants

Elevate your design experience

Transform your projects with the full power of the Shu Ha Ri Design System. Gain unlimited access to all our components, styles, and features. Invest in the premium version today and take your designs to the next level!

Feedback & Alerts

7 components + 34 variants

Alert
Alert

2 components + 12 variants

Corner Dialog
Corner Dialog

1 component + 2 variants

Modal DIalog
Modal Dialog

1 component + 4 variants

Onbaording
Onboarding

1 component

Popover
Popover

1 component + 12 variants

Snackbar
Snackbar

1 component + 4 variants

Display & Content

34 components + 350 variants

Accordian
Accordion

1 components + 2 variants

Audio
Audio

2 components + 16 variants

Avatar
Avatar

1 component + 63 variants

Avatar Group
Avatar Group

2 components + 12 variants

Badge
Badge

4 components + 42 variants

Chat
Chat

3 components + 4 variants

Charts
Charts

1 component + 14 variants

Code Snippet
Code Snippet

1 component

Comment
Comment

2 components + 9 variants

Divider
Divider

1 component + 5 variants

Feed
Feed

1 component + 6 variants

Progress Indicators
Progress Indicators

3 component + 9 variants

Pill
Pill

1 component + 32 variants

Rich Text Editor
Rich Text Editor

1 component

Settings menu
Settings menu

1 component + 6 variants

Table
Table

1 component + 20 variants

Tooltip
Tooltip

1 component + 16 variants

Tag
Tag

1 component + 32 variants

Tag Group
Tag Group

1 component + 8 variants

Timeline
Timeline

1 component + 8 variants

Tutorial
Tutorial

1 component + 8 variants

User Profile
User Profile

1 component + 5 variants

Video
Video

2 components + 32 variants

Special Use & Miscellaneous

10 components + 164 variants

Annotation
Annotation

8 components + 124 variants

Cursors
Cursors

1 component + 33 variants

Skeleton
Skeleton

1 component + 7 variants

Iconography

834 components + 4735 variants

Icons
Icons

826 components + 4130 variants

Browser
Browser

1 components + 9 variants

Productivity
Productivity

1 component + 42 variants

Messenger
Messenger

1 component + 14 variants

Social
Social

1 component + 38 variants

Payment
Payment

1 component + 48 variants

Wallet
Wallet

1 component + 87 variants

Country Codes
Country Codes

1 component + 256 variants

Currency
Currency

1 component + 111 variants

Who can leverage our design system?

Discover how our design system can transform various roles and industries. From startups to seasoned designers, see how each can benefit from streamlined workflows, enhanced creativity, and efficiency in their projects.
Startups

Speed up your journey from idea to market with our extensive component collection. Design, prototype, and iterate quickly.

Developers & Engineers

Enhance your freelance projects with precision and flair. Our design system equips you with the tools to shine in the creative industry.

Freelance Designers

Boost your freelance projects with precision and style. Our design system offers the essential toolkit to stand out and excel.

Agencies

Streamline your project timelines with a complete set of design elements. Achieve high-quality results with efficiency and creativity.

Students

Advance your design skills with resources tailored for learning and growth. Easily apply classroom concepts and build expertise.

Designers (Junior, Mid, Senior)

Find inspiration at any career stage with our extensive design system. Grow, innovate, and excel in your creative design journey.