{"id":27171512,"url":"https://github.com/harjjotsinghh/zyflo","last_synced_at":"2025-04-09T08:37:02.960Z","repository":{"id":261573938,"uuid":"842928195","full_name":"HarjjotSinghh/Zyflo","owner":"HarjjotSinghh","description":"Make every element in your UI flow together beautifully with Zyflo.","archived":false,"fork":false,"pushed_at":"2024-11-07T08:56:48.000Z","size":69462,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-11-07T09:43:08.902Z","etag":null,"topics":["components-library","components-react","hacktoberfest","hacktoberfest-accepted","nextjs","react","reactjs","shadcn","shadcn-ui","ui","ui-components"],"latest_commit_sha":null,"homepage":"https://zyflo.co","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/HarjjotSinghh.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-08-15T12:11:08.000Z","updated_at":"2024-11-07T08:56:51.000Z","dependencies_parsed_at":"2024-11-07T09:44:32.006Z","dependency_job_id":"f78cdda6-a42b-4bbd-ae9e-69ca6e1bda52","html_url":"https://github.com/HarjjotSinghh/Zyflo","commit_stats":null,"previous_names":["harjjotsinghh/zyflo"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HarjjotSinghh%2FZyflo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HarjjotSinghh%2FZyflo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HarjjotSinghh%2FZyflo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HarjjotSinghh%2FZyflo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/HarjjotSinghh","download_url":"https://codeload.github.com/HarjjotSinghh/Zyflo/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248005804,"owners_count":21032215,"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":["components-library","components-react","hacktoberfest","hacktoberfest-accepted","nextjs","react","reactjs","shadcn","shadcn-ui","ui","ui-components"],"created_at":"2025-04-09T08:37:02.316Z","updated_at":"2025-04-09T08:37:02.953Z","avatar_url":"https://github.com/HarjjotSinghh.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![header](https://github.com/user-attachments/assets/0c8158bb-212f-473a-9b9f-708962cda676)\n\n## [![CC BY-NC 4.0][cc-by-nc-shield]][cc-by-nc]\n\n\u003c!-- [![Open Source? Yes!](https://badgen.net/badge/Open%20Source%20%3F/Yes%21/blue?icon=github)](https://github.com/HarjjotSinghh/Zyflo)\n[![GitHub stars](https://badgen.net/github/stars/HarjjotSinghh/Zyflo?color=blue)](https://GitHub.com/HarjjotSinghh/Zyflo/stargazers/)\n[![Maintainer](https://badgen.net/badge/maintainer/Harjot%20Singh%20Rana/blue)](https://harjot.pro)\n[![GitHub branches](https://badgen.net/github/branches/HarjjotSinghh/Zyflo?color=blue)](https://github.com/HarjjotSinghh/Zyflo)\n[![GitHub commits](https://badgen.net/github/commits/HarjjotSinghh/Zyflo?color=blue)](https://github.com/HarjjotSinghh/Zyflo/commits/main)\n[![GitHub last commit](https://badgen.net/github/last-commit/HarjjotSinghh/Zyflo?color=blue)](https://github.com/HarjjotSinghh/Zyflo/commits/main)\n[![GitHub issues](https://badgen.net/github/issues/HarjjotSinghh/Zyflo?color=blue)](https://github.com/HarjjotSinghh/Zyflo/issues)\n[![GitHub pull requests](https://badgen.net/github/prs/HarjjotSinghh/Zyflo?color=blue)](https://github.com/HarjjotSinghh/Zyflo/pulls)\n[![GitHub watchers](https://badgen.net/github/watchers/HarjjotSinghh/Zyflo?color=blue)](https://GitHub.com/HarjjotSinghh/Zyflo/watchers/) --\u003e\n\n[cc-by-nc]: LICENSE\n[cc-by-nc-image]: https://licensebuttons.net/l/by-nc/4.0/88x31.png\n[cc-by-nc-shield]: https://img.shields.io/badge/License-CC%20BY--NC%204.0-lightgrey.svg\n\n## Introduction\n\nZyflo is an animated UI library which offers React components for building beautiful and accessible web applications. Zyflo puts an emphasis on flow and continuity, allowing developers to build eye-catching, responsive experiences with ease. Zyflo lets you create anything from intricate animations to simple effects in no time — all while integrating perfectly with your existing projects and making user engagement better than ever without clunky performance downgrades. Make every element in your UI flow together beautifully with Zyflo.\n\n## Table of Contents\n\n- [Introduction](#introduction)\n- [Table of Contents](#table-of-contents)\n- [Installation](#installation)\n- [Tech Stack](#tech-stack)\n- [Use Cases](#use-cases)\n- [Contribute](#contribute)\n\n## Installation\n\n### Local Setup\n\n1. Clone the repository:\n\n   ```sh\n   git clone https://github.com/HarjjotSinghh/Zyflo.git\n   cd Zyflo\n   ```\n\n2. Install dependencies:\n\n   ```sh\n   bun install\n   ```\n\n3. Start the development server:\n   ```sh\n   bun dev\n   ```\n\n## Tech Stack\n\n- **Next.js**: A React framework for building server-side rendered and static web applications.\n- **Tailwind CSS**: A utility-first CSS framework for rapid UI development.\n- **Radix UI**: A set of accessible, unstyled UI components for building high-quality design systems and web apps.\n- **Shadcn UI**: A library for building accessible, component-based UI.\n- **Framer Motion**: A library for creating animations and gestures for React components.\n- **Contentlayer**: A content management framework for transforming and validating content using MDX.\n- **MDX**: A format that lets you seamlessly write JSX in your Markdown documents.\n- **Shiki**: A syntax highlighter that uses TextMate grammar and themes.\n- **rehype-pretty-code**: A plugin for beautiful code blocks with syntax highlighting.\n- **Vercel**: A web development platform that offers hosting and serverless functions.\n\n## Use Cases\n\nHere are the use cases for the Zyflo UI library:\n\n### Web Design / Prototyping\n\n- Create visually appealing web design mockups or prototypes.\n- Use Zyflo components as placeholders in web design mockups.\n\n### Interactive Web Applications\n\n- Build interactive and responsive web applications with smooth animations.\n- Enhance user engagement with fluid UI elements.\n\n### Dashboard and Admin Panels\n\n- Develop feature-rich dashboards and admin panels with customizable components.\n- Integrate Zyflo components for better data visualization and user interaction.\n\n### E-commerce Websites\n\n- Create attractive product listings and interactive shopping experiences.\n- Use Zyflo components to improve the overall user experience.\n\n### Marketing and Landing Pages\n\n- Design eye-catching marketing and landing pages with animated elements.\n- Increase conversion rates with engaging UI components.\n\n## Contribute\n\nWe welcome contributions! Please see our [CONTRIBUTING.md](CONTRIBUTING.md) for more details on how to contribute to this project.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fharjjotsinghh%2Fzyflo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fharjjotsinghh%2Fzyflo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fharjjotsinghh%2Fzyflo/lists"}