Aaroh Component Ecosystem

The building blocks of heritage design.

Explore all 30+ meticulously crafted components. Each primitive is fully accessible, responsive by default, and engineered for maximum performance across React, Vue, and Svelte.

Inputs & Forms

Capture user input with beautiful, accessible form controls.

Button

Interactive button with gold glow variants

Input

Text field with focus-ring management

Checkbox

Accessible custom checkbox

Switch

Animated toggle switch

Radio Group

Mutually exclusive options

Slider

Range selector with thumb

Select

Custom dropdown select menu

Navigation

Guide users through your application intuitively.

Dropdown Menu

Floating menu triggered by click

Menubar

Desktop-style menu navigation

Tabs

Organize content into sections

Pagination

Navigate between pages

Breadcrumb

Path navigation hierarchy

Feedback

Inform users about the status of their actions.

Dialog

Modal window that interrupts workflow

Toast

Brief, non-interruptive notification

Alert

Callout for important information

Progress

Indicate loading state

Tooltip

Help text on hover

Popover

Rich content attached to trigger

Data Display

Present information clearly and elegantly.

Card

Container for related content

Table

Data presented in rows and columns

Badge

Small status indicator

Avatar

User profile image representation

Accordion

Vertically collapsing panels

Carousel

Sliding image or content gallery

Ready to start building?

Install the Aaroh UI package for your favorite framework and bring your vision to life.

Read the Documentation