Examples

Explore working implementations and code samples to help you build with Eiseniiiiaia.

Featured Examples

Form Validation

Live demo of client-side validation with real-time error messages and styling.

Animated UI

Explore smooth transitions, hover effects, and interactive animations with Tailwind.

API Integration

Learn how to connect to Eiseniiiiaia's API using JavaScript and TypeScript

Code Example - Form Validation


<form class="space-y-4">
  <div>
    <label class="block text-gray-700">Email</label>
    <input type="email" 
           required 
           class="w-full p-3 border border-gray-300 rounded focus:ring-2 focus:ring-indigo-300">
    <div class="text-red-500 text-sm">* Valid email required</div>
  </div>
  
  <div>
    <label class="block text-gray-700">Password</label>
    <input type="password" 
           minlength="8" 
           required
           class="w-full p-3 border border-gray-300 rounded focus:ring-2 focus:ring-indigo-300">
    <div class="text-gray-500 text-sm">Minimum 8 characters</div>
  </div>
  
  <button type="submit" 
          class="w-full bg-gradient-to-r from-indigo-600 to-purple-600 text-white py-3 rounded-lg hover:shadow-lg transition">
    Submit
  </button>
</form>

Live Validation

This example includes real-time validation using HTML attributes and Tailwind's responsive styling. The form will show appropriate error states when invalid.

Interactive Example - Theme Toggler

console.log(document.documentElement.classList.contains('dark') ? 
                 'Dark mode enabled' : 'Light mode enabled');