Elixir UI - React Component Library

Elixir UI is a React component library built with reusability and maintainability in mind. Create beautiful, responsive, and accessible user interfaces with ease using Elixir UI.

Requirements

Features:

• 🔒 Built with CSS Modules: Encapsulates styles within components, reducing style conflicts and improving maintainability.
• 🖥️ React Server Components (RSC) Compatible: Leverages the power of RSC for improved performance and interactivity.
• 👨‍💻 Typescript Support: Ensures type safety and improves developer experience.

Installation:

npm install @elixir-ui/react
# or
yarn add @elixir-ui/react
# or
pnpm add @elixir-ui/react

Usage:

Import the desired component from the library and use it in your React application:

import { Button } from "@elixir-ui/react";

function MyComponent() {
  return (
    <div>
      <Button color="primary" variant="solid">
        Click me!
      </Button>
    </div>
  );
}

Documentation:

Comprehensive documentation for each component, including usage examples, props, and customization options, will be available soon.

Contributing:

I welcome contributions from the community! If you have any ideas, suggestions, or bug reports, please feel free to open an issue or submit a pull request.

License:

Elixir UI is licensed under the MIT License.