Eseniiaia

UI Component Library

Modular, accessible, and customizable UI elements to power your development workflow.

Component examples
Live Preview

Available Components

View All
Buttons
Interactive call-to-action elements with customizable sizes, colors, and loading states.
Cards
Self-contained interactive surfaces with elevation shadows, hover effects, and layout support.
Inputs
Flexible form inputs with validation states, autocomplete options, and label support.
Navigation
Vertical and horizontal navigation systems with hover animations and accessibility controls.
Dialogs
Configurable modal windows with accessibility features, animations, and overlay controls.
Tables
Responsive data tables with sorting, filtering, and pagination capabilities.

Code Examples

Button Component


<import>@eseniiaia/buttons</import>

<button 
  class="es-btn-primary"
  loading="false"
  size="medium"
  variant="pill"
>
  Save Changes
</button>

                    

Input Field


<import>@eseniiaia/inputs</import>

<input 
  class="es-input"
  label="Email Address"
  placeholder="name@example.com"
  type="email"
  on-change="validateEmail"
  required
>

                    

Key Features

Customizable Themes

Easily adapt the component system to match your brand's colors, typography, and spacing with our theming engine.

Interactive Elements

Built-in hover states, focus indicators, and loading animations that adapt automatically across devices and themes.