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.
- 🐢 Node.js. Version 20 or higher is recommended
- 📦 A package manager like npm, yarn or pnpm
- ⚛️ React.js. Version 18 or higher is recommended
- 🔒 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
# or
yarn add elixir-ui
# or
pnpm add elixir-ui
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>
);
}
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.