ENSUI - Modern React Component Library

A beautiful, modern React component library with dark theme support, built with Tailwind CSS and TypeScript.

✨ Features

🎨 Dark Theme First - Beautiful dark theme design
🚀 Modern Components - 50+ production-ready components
📱 Responsive - Mobile-first responsive design
♿ Accessible - Built with accessibility in mind
🎯 TypeScript - Full TypeScript support
🎭 Customizable - Easy to customize and extend
📦 Tree Shakeable - Import only what you need

🚀 Quick Start

Installation

npm install ensui

Usage

import { Button, TextInput, Switch } from 'ensui'
import 'ensui/style.css'

function App() {
  return (
    <div>
      <Button variant="primary">Click me</Button>
      <TextInput placeholder="Enter text..." />
      <Switch label="Enable notifications" />
    </div>
  )
}

📚 Components

Form Components

Button - Various button styles and sizes
TextInput - Text input with validation
PasswordInput - Secure password input
Switch - Toggle switch with multiple variants
Checkbox - Checkbox with custom styling
Radio - Radio button groups
Select - Dropdown select component
Textarea - Multi-line text input

Layout Components

Card - Content containers
Modal - Overlay dialogs
Navbar - Navigation bars
Footer - Page footers
Divider - Visual separators

Data Display

Table - Data tables
Badge - Status indicators
Alert - Notification messages
Avatar - User profile images
Progress - Progress indicators
Spinner - Loading indicators

Breadcrumb - Navigation breadcrumbs
Pagination - Page navigation
Tabs - Tabbed interfaces
Accordion - Collapsible content

🎨 Theming

ENSUI comes with a beautiful dark theme by default. All components are designed to work seamlessly with dark backgrounds and provide excellent contrast.

// Dark theme is applied by default
<div className="bg-gray-900 text-white">
  <Button variant="primary">Dark Theme Button</Button>
</div>

📖 Documentation

Visit our documentation site for complete component documentation, examples, and API reference.

🤝 Contributing

We welcome contributions! Please see our contributing guidelines for details.

📄 License

MIT License - see LICENSE file for details.

🔗 Links

Made with ❤️ by ENSSOFT

ensui

Package Exports

Readme