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

• 🐢 Node.js. Version 20 or higher is recommended
• 📦 A package manager like npm, yarn or pnpm
• ⚛️ React.js. Version 18 or higher is recommended

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
# or
yarn add elixir-ui
# or
pnpm add elixir-ui

Usage:

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

import { Button } from "elixir-ui";

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.