Input

Basic text field for user data entry

Textarea

Multi-line textarea for longer text content

Marquee

A marquee scrolls text or content in a chosen direction for a dynamic display effect.

Carousel

A carousel is a rotating set of images or content, often used on websites to showcase featured items or messages.

Switch

Toggle switch for binary on/off selections

Redo & Undo

Implement redo and undo functionality for user actions.

Comparison Card

Compare items side-by-side for easy analysis.

Select

Dropdown selection component for choosing from multiple options

Tree Dropdown

Hierarchical dropdown with nested selection options

Radio

Radio button group for selecting a single option

File

File upload for selecting and uploading files

Normal Button

Standard button component for user interactions

Timer

A timer lets you set a specific duration, and it counts down based on that duration, notifying you when the time is up.

RGB Border

Colorful border effect with RGB color transitions

Hover Animated Cards

Interactive cards with smooth hover animations

Drag & Drop

Drag and drop interface for interactive content movement

Animated Button

Button with dynamic animation effects

Context Menu

Contextual menu displaying actions based on user interaction

Cards

Flexible card layout for displaying content

Accordion

Expandable/collapsible content sections

Resources

Documentation and resource links

Custom Hooks

Reusable React hook utilities

Pie Chart

Circular statistical chart for data visualization

App Bar

Top navigation bar for application layout

Table

Structured data display component

Github Activity Graph

Track user activity like github activity tracker graph.

Image Gallery

Interactive image display and browsing component

Pagination

Navigation control for paginated content

Dropdown Menu

Expandable menu for selecting options

Chip

Compact, interactive tag or filter element

Modal

Overlay dialog for focused interactions

Tabs

Tabbed interface for organizing content

Skeleton

Placeholder loading state for content

Alert Message

Informative message display component

Dialog

Interactive dialog box for user confirmations

Testimonial

Display customer or user testimonials

Loader

Visual loading indicator

Notification

System or application notification display

Badge

Small status or informational label

Tooltip

Contextual information popup

Code

Code display and syntax highlighting

Snippet

Compact code or text snippet display

Number Input

Field specifically for numeric values

Checkbox Input

Checkbox for multiple selection options

Strong Password

Password with strength validation

Range Input

Slider for selecting a value within a range

OTP Input

One-time password field

Auth Button

Authentication-related buttons

Dropdown Button

Button with additional dropdown options

Progress Bar

Visual representation of progress or completion

Breadcrumb

Navigation trail showing current page hierarchy

Rating

Interactive rating or display for user feedback

Stepper

Multi-step progress or form navigation

Timeline

Chronological event or process visualization

Product Card

E-commerce product cards with animation and basic functionality.

Ads Card

Ads cards for showing ads in e-commerce website.