esniiava

Core UI Components

A curated collection of reusable UI building blocks engineered for performance, accessibility, and design consistency.

Explore Our Library

Buttons

Interactive call-to-action controls with support for multiple states, sizes, and icon integration.

Documentation →

Icons

Vector-based icons with solid/outline variants that adapt seamlessly to light/dark themes.

Documentation →

Inputs

Stateful form elements with automatic validation support and responsive design system.

Documentation →

Layouts

Responsive grid systems, containers, and spacing utilities for modern web interfaces.

Documentation →

Navigation

Menu systems, tabs, and breadcrumbs for intuitive user navigation patterns.

Documentation →

Overlays

Modal dialogues, tooltips, and context menus with smooth animations.

Documentation →

Usage Example

Importing Components


// Select specific components from the package
import { Button, Icon, Input } from '@esniiava/core'

// Use in your application
function LoginForm() {
  return (
    <div class="space-y-4">
      <Input label="Email" type="email" />
      <Input label="Password" type="password" />
      <Button>Submit</Button>
      <div class="text-center">
        <span class="mr-1">Need help?</span>
        <Icon name="Settings" class="w-4 h-4 mt-1" />
      </div>
    </div>
  )
}