react-kariu

React Kariu is a lightweight collection of reusable and accessible UI components for React. It focuses on simplicity, sensible defaults, and easy integration into real-world apps. This project is developed in my free time, for fun.

Documentation

You can check the documentation here : https://auroreleblois.github.io/react-kariu

Github

https://github.com/AuroreLeblois/react-kariu.git

npm install

npm i react-kariu

Usage

import { ComponentName, OtherComponent } from 'react-kariu'

Example

import { Button } from 'react-kariu'

<Button
  label="Button"
  onClick={() => {}}
  shape="square"
/>

Available components

• Button: primary action button with variants.
• Alert: alert/notification banner.
• Avatar: user avatar display.
• Link: styled hyperlink.
• Text: base text component.
• Title: typographic heading component.
• Icon: generic icon; includes ExternalIcon, ArrowDown.
• Dot: small circular indicator.
• List / ListItem: list and list item components.
• Input: text input field.
• TextArea: multi-line text area.
• CheckBox: checkbox input.
• Radio: radio input.
• Switch: toggle switch.
• RadioGroup: group of radio inputs.
• Card: content card container.
• Header: page header component.
• Layout: page layout scaffold.
• HeadCols / HeadItem / BodyItem: calendar UI elements.
• Carousel: carousel/slider for items.
• HoverAnimation: hover effect utility.
• SlideAnimation: sliding transition animation.
• Ripple: ripple interaction effect.
• ProgressBar: progress indicator bar.
• ThemeProvider: theme context provider.