{"id":17480897,"url":"https://github.com/gwansikk/rainnyui","last_synced_at":"2025-03-03T16:31:04.031Z","repository":{"id":37478475,"uuid":"503386644","full_name":"gwansikk/RainnyUI","owner":"gwansikk","description":"🌧️ A React component library offering an experience as refreshing as white clouds.","archived":true,"fork":false,"pushed_at":"2024-09-13T04:01:21.000Z","size":9574,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-25T11:46:16.330Z","etag":null,"topics":["nextjs","react","react-component-library","tailwind-css-components"],"latest_commit_sha":null,"homepage":"https://gwansikk.github.io/RainnyUI","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gwansikk.png","metadata":{"files":{"readme":"README-ko_kr.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-06-14T14:07:54.000Z","updated_at":"2024-10-08T17:29:22.000Z","dependencies_parsed_at":"2023-11-22T10:29:08.123Z","dependency_job_id":"9c382b9b-988a-4962-a927-2921d814ccf7","html_url":"https://github.com/gwansikk/RainnyUI","commit_stats":null,"previous_names":["gwansikk/rainnyui","gwansikk/gooreumui"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gwansikk%2FRainnyUI","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gwansikk%2FRainnyUI/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gwansikk%2FRainnyUI/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gwansikk%2FRainnyUI/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gwansikk","download_url":"https://codeload.github.com/gwansikk/RainnyUI/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241699018,"owners_count":20005305,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["nextjs","react","react-component-library","tailwind-css-components"],"created_at":"2024-10-18T22:06:28.296Z","updated_at":"2025-03-03T16:31:04.018Z","avatar_url":"https://github.com/gwansikk.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n\u003ch1\u003e☁️ GooreumUI\u003c/h1\u003e\n\u003cp\u003e\u003cb\u003e새하얀 구름 같이 청량한 경험을 제공하는 리액트 컴포넌트 라이브러리 입니다.\u003c/b\u003e\u003c/p\u003e\n\n[![npm version](https://img.shields.io/npm/v/@gooreumui/react?logo=npm)](https://www.npmjs.com/package/@gooreumui/react)\n[![npm downloads](https://img.shields.io/npm/dt/@gooreumui/react?logo=npm)](https://www.npmjs.com/package/@gooreumui/react)\n[![npm bundle size](https://img.shields.io/bundlephobia/min/@gooreumui/react?logo=npm)](https://www.npmjs.com/package/@gooreumui/react)  \n[![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)\n[![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)\n\n[English](./README.md)\n\u0026nbsp;\u0026nbsp;•\u0026nbsp;\u0026nbsp;\n[한국어](./README-ko_kr.md)\n\n\u003c/div\u003e\n\nGooreumUI는 가볍고 빠르게 작동하며 쉽게 배워 적용할 수 있는 `React Component Library` 입니다.  \n모바일, 태블릿, 데스크톱 등 모든 디바이스를 반응형으로 지원하며 쉽게 `Web Application`의 디자인을 설계할 수 있습니다.\n\n- 자연의 경관을 그대로 담아 `자연스러운 UI/UX`를 제공합니다.\n- `Mobile First Design` 설계로 반응형을 통해서 쉽게 모바일, 태블릿, 데스크톱 환경으로 쉽게 확장할 수 있습니다.\n- 복잡한 동작을 추상화하여 쉽게 `개인화(Custom)` 할 수 있으며, 재사용하기 편리합니다.\n\n## Installation\n\n\u003e [!IMPORTANT]\\\n\u003e 현재 버전은 아직 개발 중인 불안정한 버전이므로 코드에 자주 변경이 있을 수 있습니다.\n\n- NPM\n\n```bash\nnpm i @gooreumui/react\n```\n\n- Yarn\n\n```bash\nyarn add @gooreumui/react\n```\n\n## Components\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\"\u003eAccordion\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003eAlert\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003eAvatar\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\"\u003eBadge\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003eBreadcrumbs\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003eButton\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\"\u003eCard\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003eCheckbox\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003eCollapse\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\"\u003eCarousel\u003c/td\u003e\n        \u003ctd width=\"33.3333%\"\u003eDialog\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003eDrawer\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\"\u003eInput\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003eForm\u003c/td\u003e\n    \u003ctd width=\"33.3333%\"\u003eList\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n    \u003c/td\u003e\n    \u003ctd width=\"33.3333%\" style=\"padding: 0;\"\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n## Contributing\n\n해당 프로젝트에 기여하고 싶다면 아래 문서를 참고해주세요.  \n[CONTRIBUTING.md](./CONTRIBUTING.md)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgwansikk%2Frainnyui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgwansikk%2Frainnyui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgwansikk%2Frainnyui/lists"}