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.
- 🔒 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.
npm install @elixir-ui/react
# or
yarn add @elixir-ui/react
# or
pnpm add @elixir-ui/react
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>
);
}
Comprehensive documentation for each component, including usage examples, props, and customization options, will be available soon.
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.
Elixir UI is licensed under the MIT License.