{"id":19864965,"url":"https://github.com/ktcotz/vive-ui","last_synced_at":"2026-05-14T03:35:31.187Z","repository":{"id":262261769,"uuid":"886702618","full_name":"ktcotz/Vive-UI","owner":"ktcotz","description":"Vive-UI full customizable and accessibility UI components library!","archived":false,"fork":false,"pushed_at":"2024-11-30T17:54:11.000Z","size":617,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-11T15:38:22.260Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://vive-ui.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ktcotz.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2024-11-11T13:02:22.000Z","updated_at":"2024-11-30T17:54:14.000Z","dependencies_parsed_at":"2024-11-29T22:37:58.363Z","dependency_job_id":null,"html_url":"https://github.com/ktcotz/Vive-UI","commit_stats":null,"previous_names":["ktcotz/vive-ui"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ktcotz%2FVive-UI","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ktcotz%2FVive-UI/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ktcotz%2FVive-UI/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ktcotz%2FVive-UI/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ktcotz","download_url":"https://codeload.github.com/ktcotz/Vive-UI/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241274223,"owners_count":19937141,"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":[],"created_at":"2024-11-12T15:20:20.193Z","updated_at":"2025-11-25T06:04:42.817Z","avatar_url":"https://github.com/ktcotz.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ViveUI\n\n**ViveUI** is a React component library created by [ktcotz](https://github.com/ktcotz) for internal use. It includes a set of styled, reusable components and a CLI tool for downloading components to your projects.\n\n---\n\n## Contents\n\n- [Installation](#installation)\n- [Architecture](#architecture)\n- [Usage](#usage)\n- [Building](#building)\n- [CLI](#cli)\n- [Testing](#testing)\n- [License](#license)\n\n---\n\n## Installation\n\nYou can install the package from npm :\n\n```bash\nnpm install vive-ui\n```\n\nOr use the local build version.\n\n## Architecture\n\nThis monorepo is organized into three main folders, each serving a distinct purpose:\n\n### 1. `packages`\n\n- **Purpose:**  \n  Contains all reusable libraries and core packages that power the project.\n- **Description:**  \n  The main package here is `ui`, a React component library built with TypeScript. It includes:\n  - UI components styled using **Tailwind CSS**.\n  - Build system powered by **Rollup** for bundling and ers**Ter** for minification.\n  - Testing with **Vitest**.\n  - CLI utilities built with **Node.js** and **Inquirer**.\n  - Path aliasing for cleaner imports using Rollup plugins.\n\n- **Technologies used:**\n  - React\n  - TypeScript\n  - Rollup + Terser\n  - Tailwind CSS + PostCSS + Autoprefixer\n  - Vitest\n  - Node Fetch\n  - Inquirer (CLI)\n  - ESLint \u0026 Prettier\n\n---\n\n### 2. `docs`\n\n- **Purpose:**  \n  Documentation and style guides for the project.\n\n- **Description:**  \n  This folder contains NextJS setup for docs site.\n\n- **Technologies used:**\n  - NextJS\n  - MDX for documentation\n  - Tailwind CSS for consistent styling\n\n## Usage\n\nImport components directly from the package :\n\n```bash\nimport { Button } from 'vive-ui';\n\nfunction App() {\n  return \u003cButton\u003eClick me\u003c/Button\u003e;\n}\n```\n\n## Building\n\nThe project uses Rollup to bundle the library:\n\n```bash\n  npm run build\n```\n\nThe output files will be generated in the dist folder.\n\n## CLI\n\nThe package includes a simple CLI tool to download components and utility files:\n\n```bash\n  npx vive-ui\n```\n\nExample commands:\n\n- **add** — download a component to your local project\n\n## Testing\n\nTests are run using Vitest:\n\n```bash\n  npm run test\n```\n\nStorybook is used for component preview and documentation:\n\n```bash\n  npm run storybook:dev\n```\n\n## License\n\nThis project is licensed under the MIT License. See the [LICENSE](./LICENSE) file for details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fktcotz%2Fvive-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fktcotz%2Fvive-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fktcotz%2Fvive-ui/lists"}