v1.1.0 Now Available

India-Ready

Components.

Plug-and-play UI components for KYC, Identity, and Form flows. Built for Indian scale with Next.js, Tailwind CSS, and full accessibility support.

tsx
import { AadhaarInput } from "@kesp-ui/react";

export default function KYCForm() {
  return (
    <AadhaarInput 
      label="Your Aadhaar" 
      onValidate={(isValid) => console.log(isValid)}
      className="max-w-md"
    />
  );
}

128-bit Encrypted

KYC Compliance Ready

The Showcase

Every component is engineered for local edge cases, from auto-formatting PAN codes to WhatsApp integration.

AadhaarInput

Smart 12-digit input with real-time format masking and Luhn checksum validation.

Enter your 12-digit Aadhaar number

OtpInput

Highly configurable OTP grid with auto-focus and clipboard support.

Enter 4-digit OTP
Resend in 0:30

PhoneInput

Indian locale-specific phone input with optional WhatsApp toggle for high-trust flows.

+91

MaskedAadhaarUpload

A secure upload interface specifically designed for masked identity documents.

Click or drag to upload

JPG, PNG, WebP or PDF · Max 5MB

Upload a masked Aadhaar card image (number partially hidden) max 5MB

PanCardInput

10-character alphanumeric input with Indian Income Tax Department format rules.

Letters
Digits
Check

Format: ABCDE1234F

Start Building Now

Get up and running in seconds with our CLI. No complex setup required.

bash
npx Kesp-ui add aadhaar-input