{"id":15433618,"url":"https://github.com/react18-tools/fork-me","last_synced_at":"2025-04-14T10:53:11.719Z","repository":{"id":232300820,"uuid":"783797186","full_name":"react18-tools/fork-me","owner":"react18-tools","description":null,"archived":false,"fork":false,"pushed_at":"2025-04-09T16:18:39.000Z","size":1141,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-09T17:32:22.728Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/react18-tools.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"contributing.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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},"funding":{"github":["mayank1513"],"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":["https://pages.razorpay.com/mayank1513"]}},"created_at":"2024-04-08T15:33:46.000Z","updated_at":"2025-04-09T16:18:43.000Z","dependencies_parsed_at":"2024-11-06T17:23:14.150Z","dependency_job_id":"df177f62-f24e-4043-b706-93edb59af9f1","html_url":"https://github.com/react18-tools/fork-me","commit_stats":{"total_commits":534,"total_committers":2,"mean_commits":267.0,"dds":"0.0018726591760299671","last_synced_commit":"176cab5fe7378c8c4f133e13140f96b524beab18"},"previous_names":["react18-tools/fork-me"],"tags_count":1,"template":false,"template_full_name":"react18-tools/turborepo-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react18-tools%2Ffork-me","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react18-tools%2Ffork-me/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react18-tools%2Ffork-me/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react18-tools%2Ffork-me/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/react18-tools","download_url":"https://codeload.github.com/react18-tools/fork-me/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248868771,"owners_count":21174756,"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-10-01T18:34:41.915Z","updated_at":"2025-04-14T10:53:11.695Z","avatar_url":"https://github.com/react18-tools.png","language":"TypeScript","funding_links":["https://github.com/sponsors/mayank1513","https://pages.razorpay.com/mayank1513"],"categories":[],"sub_categories":[],"readme":"# Fork Me React.js component\n\n[![test](https://github.com/react18-tools/fork-me/actions/workflows/test.yml/badge.svg)](https://github.com/react18-tools/fork-me/actions/workflows/test.yml) [![Maintainability](https://api.codeclimate.com/v1/badges/b2526ab45866fe864beb/maintainability)](https://codeclimate.com/github/react18-tools/fork-me/maintainability) [![codecov](https://codecov.io/gh/react18-tools/fork-me/graph/badge.svg)](https://codecov.io/gh/react18-tools/fork-me) [![Version](https://img.shields.io/npm/v/@mayank1513/fork-me.svg?colorB=green)](https://www.npmjs.com/package/@mayank1513/fork-me) [![Downloads](https://img.jsdelivr.com/img.shields.io/npm/d18m/@mayank1513/fork-me.svg)](https://www.npmjs.com/package/@mayank1513/fork-me) ![npm bundle size](https://img.shields.io/bundlephobia/minzip/@mayank1513/fork-me) [![Gitpod ready-to-code](https://img.shields.io/badge/Gitpod-ready--to--code-blue?logo=gitpod)](https://gitpod.io/from-referrer/)\n\n\u003e A simple fork me component for React.js projects!\n\n\u003e We are happy to announce that we have launched a new course to help you understand the [turborepo-template](https://github.com/react18-tools/turborepo-template) better [Craft Next Gen UI Libraries for React 18 and Next.js 14](https://www.udemy.com/course/craft-next-gen-ui-libraries-for-react-18-and-nextjs-14/?referralCode=46B8C7845ECCEA99E0EF)\n\n## Features\n\n✅ Fully Treeshakable (import from @mayank1513/fork-me/client/component)\n\n✅ Full TypeScript Support\n\n✅ Unleash the full power of React18 Server components\n\n✅ Works with all build systems/tools/frameworks for React18\n\n✅ Doccumented with [Typedoc](https://react18-tools.github.io/fork-me) ([Docs](https://react18-tools.github.io/fork-me))\n\n## Install\n\n```bash\n$ pnpm add @mayank1513/fork-me\n```\n\nor\n\n```bash\n$ npm install @mayank1513/fork-me\n```\n\nor\n\n```bash\n$ yarn add @mayank1513/fork-me\n```\n\n## Add on your page\n\n```ts\n\u003cForkMe gitHubUrl=\"https://github.com/mayank1513/turborepo-template\" /\u003e\n// and\n\u003cStarMe gitHubUrl=\"https://github.com/mayank1513/turborepo-template\" /\u003e\n```\n\nYou need to import styles for ForkMe component\n\n```ts\nimport \"@mayank1513/fork-me/server/index.css\";\n```\n\n## Optional parameters\n\n```ts\n\ttext?: string; // replace the Fork me on GitHub text\n\twidth?: string | number; // if you need to adjust the width of the ribbon (length)\n\theight?: string | number; // to adjust height of the ribbon\n\tbgColor?: string; // background color\n\ttextColor?: string; // text color\n```\n\n### 🤩 Don't forger to star [this repo](https://github.com/react18-tools/fork-me)!\n\nWant hands-on course for getting started with Turborepo? Check out [React and Next.js with TypeScript](https://mayank-chaudhari.vercel.app/courses/react-and-next-js-with-typescript) and [The Game of Chess with Next.js, React and TypeScrypt](https://www.udemy.com/course/game-of-chess-with-nextjs-react-and-typescrypt/?referralCode=851A28F10B254A8523FE)\n\n![Repo Stats](https://repobeats.axiom.co/api/embed/e055f5cf540a01da558a64a02a943f4ad05d0985.svg \"Repobeats analytics image\")\n\n## License\n\nLicensed as MIT open source.\n\n\u003chr /\u003e\n\n\u003cp align=\"center\" style=\"text-align:center\"\u003ewith 💖 by \u003ca href=\"https://mayank-chaudhari.vercel.app\" target=\"_blank\"\u003eMayank Kumar Chaudhari\u003c/a\u003e\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freact18-tools%2Ffork-me","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Freact18-tools%2Ffork-me","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freact18-tools%2Ffork-me/lists"}