Build Beautiful UIs Faster

A comprehensive collection of reusable React components designed to accelerate your development process.

Get Started

Features

Why choose our component library?

Fully Customizable

Every component can be easily customized to match your design system with simple props.

Accessible

All components follow WAI-ARIA standards for accessibility right out of the box.

Lightweight

Optimized for performance with minimal bundle size impact and tree-shaking support.

Components

Comprehensive collection of UI elements

Everything you need to build modern web applications

Button

Fully customizable button components with multiple variants.

Input

Beautiful input fields with validation and error states.

Data Table

Advanced tables with sorting, filtering and pagination.

Alert

Notification components for success, warning, and error messages.

Installation

Get started in seconds

Install via npm and start using components immediately

# Install using npm

$
npm install simple_ui_elements

# Or using yarn

$
yarn add simple_ui_elements

# Or using pnpm

$
pnpm add simple_ui_elements

# Run with NPX

$
npx simple_ui_elements@latest setup

# This will import all the components and setup in your project

$
npm start

Usage

Simple and intuitive API

// Import components

import
{ Button }
from
'@/components/common/button'

// Use in your app

function
App
() {
return
(
<div>
<Button variant="primary">
Click Me
</Button>
</div>
)
}

Ready to dive in? Start using Simple UI today.

Get started View documentation