Component Library

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

View Code See All Components

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.

Nav

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.