Renix 🎇.

Renix UI Component Library is a collection of reusable UI components designed for building modern web applications using React, Next.js, and Remix. The library provides a set of high-quality components that are customizable and easy to use, helping developers create responsive and visually appealing web applications quickly and efficiently.

Getting Started

To get started with Renix UI Component Library, follow these steps:

1. Install the library using NPM: 🔥

npm i renix 

PNPM: 🎆

pnpm i renix

2. Import the component you want to use in your project:

import { Button } from 'renix';

3. Use the component in your React code:

<Button text="Click me" />

❕ Make sure to Install Tailwind CSS

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./packages/**/*.{html,js.ts.tsx}"],
  theme: {
    extend: {},
  },
  plugins: [],
}

Available Components

Renix UI Component Library provides a growing set of components for building web applications. Here's a list of the components that are currently available:

• Button
• Line
• Avatar
• Link
• Card
• Badge
• Dialog
• Image
• Tabs
• Space
• Radio
• Alert
• Loading
• BackToTop
• Tooltip

Roadmap

Renix UI Component Library is still under development, and there are more components planned for the future. Some of the upcoming components include:

• Dropdown
• Accordion
• Pagination
• Checkbox
• Layout
• Text
• Checkbox
• Color Picker
• Input
• Input Number
• Select
• Switch
• Time Picker
• Time Select
• Upload
• Description
• Empty
• Tabel
• Tag
• Menu
• Notification
• Message Box
• Radio
• Switch
• Toast
• Navbar
• Sidebar
• Footer

Contribution

If you want to contribute to the development of Renix UI Component Library, please feel free to contact us!

License

Renix UI Component Library is licensed under the MIT License. See LICENSE.md for more information.