https://github.com/gwansikk/rainnyui

🌧️ A React component library offering an experience as refreshing as white clouds.
https://github.com/gwansikk/rainnyui

nextjs react react-component-library tailwind-css-components

Last synced: about 1 year ago
JSON representation

🌧️ A React component library offering an experience as refreshing as white clouds.

• Host: GitHub
• URL: https://github.com/gwansikk/rainnyui
• Owner: gwansikk
• License: gpl-3.0
• Archived: true
• Created: 2022-06-14T14:07:54.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2024-09-13T04:01:21.000Z (over 1 year ago)
• Last Synced: 2025-02-25T11:46:16.330Z (about 1 year ago)
• Topics: nextjs, react, react-component-library, tailwind-css-components
• Language: TypeScript
• Homepage: https://gwansikk.github.io/RainnyUI
• Size: 9.13 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README-ko_kr.md
  • License: LICENSE

Awesome Lists containing this project

README

          


☁️ GooreumUI

새하얀 구름 같이 청량한 경험을 제공하는 리액트 컴포넌트 라이브러리 입니다.


[![npm version](https://img.shields.io/npm/v/@gooreumui/react?logo=npm)](https://www.npmjs.com/package/@gooreumui/react)

[![npm downloads](https://img.shields.io/npm/dt/@gooreumui/react?logo=npm)](https://www.npmjs.com/package/@gooreumui/react)

[![npm bundle size](https://img.shields.io/bundlephobia/min/@gooreumui/react?logo=npm)](https://www.npmjs.com/package/@gooreumui/react)  

[![CI and Storybook](https://github.com/gwansikk/GooreumUI/actions/workflows/CI-and-Storybook.yml/badge.svg?branch=master)](https://github.com/gwansikk/GooreumUI/actions/workflows/CI-and-Storybook.yml)

[![pages-build-deployment](https://github.com/gwansikk/GooreumUI/actions/workflows/pages/pages-build-deployment/badge.svg)](https://github.com/gwansikk/GooreumUI/actions/workflows/pages/pages-build-deployment)

[English](./README.md)

  •  

[한국어](./README-ko_kr.md)



GooreumUI는 가볍고 빠르게 작동하며 쉽게 배워 적용할 수 있는 `React Component Library` 입니다.  

모바일, 태블릿, 데스크톱 등 모든 디바이스를 반응형으로 지원하며 쉽게 `Web Application`의 디자인을 설계할 수 있습니다.

- 자연의 경관을 그대로 담아 `자연스러운 UI/UX`를 제공합니다.

- `Mobile First Design` 설계로 반응형을 통해서 쉽게 모바일, 태블릿, 데스크톱 환경으로 쉽게 확장할 수 있습니다.

- 복잡한 동작을 추상화하여 쉽게 `개인화(Custom)` 할 수 있으며, 재사용하기 편리합니다.

## Installation

> [!IMPORTANT]\

> 현재 버전은 아직 개발 중인 불안정한 버전이므로 코드에 자주 변경이 있을 수 있습니다.

- NPM

```bash

npm i @gooreumui/react

```

- Yarn

```bash

yarn add @gooreumui/react

```

## Components

  

    Accordion

    Alert

    Avatar

  

  

    

    

    

    

    

    

  

  

    Badge

    Breadcrumbs

    Button

  

  

    

    

    

    

    

    

  

  

    Card

    Checkbox

    Collapse

  

  

    

    

    

    

    

    

  

  

    Carousel

        Dialog

    Drawer

  

  

    

    

    

    

    

    

  

  

    Input

    Form

    List

  

  

    

    

    

    

    

    

  

## Contributing

해당 프로젝트에 기여하고 싶다면 아래 문서를 참고해주세요.  

[CONTRIBUTING.md](./CONTRIBUTING.md)