eggUI

A component library with 60+ reusable UI elements optimized for performance and accessibility.

🚀 Get Started

Key Features

6️⃣

60+ Components

Buttons, forms, modals, tables, and more — battle-tested in production environments.

🔄

Cross-Framework

Works seamlessly with React, Vue, Angular, and plain JavaScript.

♿

Accessible by Default

WCAG AA/AAA compliant with built-in keyboard navigation and screen reader support.

🌙

Dark Mode Ready

Automatic dark/light mode switching with system preference detection.

Installation


# Install via npm
npm install @eggnas/ui

# Or via yarn
yarn add @eggnas/ui

Requires Node.js 18+ and supports all modern browsers. Import components individually or use our precompiled bundle.

Usage Examples

React


import { Button } from '@eggnas/ui'

function App() {
  return (
    <Button variant="primary">Click Me</Button>
  )
}

Vue


<template>
  <EggButton :variant="primary">Click Me</EggButton>
</template>

<script>
import { EggButton } from '@eggnas/ui'

export default {
  components: { EggButton }
}
</script>

Ready to Build with eggUI?

Bring your interface ideas to life with 60+ production-ready components.

🛠 Contribute to UI 📘 View Documentation