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.
To get started with Renix UI Component Library, follow these steps:
- Install the library using NPM: 🔥
npm i renix
PNPM: 🎆
pnpm i renix
- Import the component you want to use in your project:
import { Button } from 'renix';- Use the component in your React code:
<Button text="Click me" />/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./packages/**/*.{html,js.ts.tsx}"],
theme: {
extend: {},
},
plugins: [],
}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
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
If you want to contribute to the development of Renix UI Component Library, please feel free to contact us!
Renix UI Component Library is licensed under the MIT License. See LICENSE.md for more information.