{"id":42633366,"url":"https://github.com/timelessco/react-vite-chrome-extension","last_synced_at":"2026-01-29T05:26:34.896Z","repository":{"id":50729240,"uuid":"518721431","full_name":"timelessco/react-vite-chrome-extension","owner":"timelessco","description":"Boilerplate for creating a Google Chrome Extension with React + TypeScript + Vitejs + TailwindCSS.","archived":false,"fork":false,"pushed_at":"2023-12-20T07:31:35.000Z","size":625,"stargazers_count":33,"open_issues_count":0,"forks_count":4,"subscribers_count":4,"default_branch":"main","last_synced_at":"2024-04-13T22:59:44.583Z","etag":null,"topics":["chrome-extension","chrome-extension-starter","reactjs","tailwindcss","typescript","vite"],"latest_commit_sha":null,"homepage":"","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/timelessco.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}},"created_at":"2022-07-28T06:05:24.000Z","updated_at":"2024-04-13T10:02:17.000Z","dependencies_parsed_at":"2022-09-03T08:20:30.751Z","dependency_job_id":null,"html_url":"https://github.com/timelessco/react-vite-chrome-extension","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/timelessco/react-vite-chrome-extension","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/timelessco%2Freact-vite-chrome-extension","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/timelessco%2Freact-vite-chrome-extension/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/timelessco%2Freact-vite-chrome-extension/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/timelessco%2Freact-vite-chrome-extension/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/timelessco","download_url":"https://codeload.github.com/timelessco/react-vite-chrome-extension/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/timelessco%2Freact-vite-chrome-extension/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28863564,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-28T22:56:21.783Z","status":"online","status_checked_at":"2026-01-29T02:00:06.714Z","response_time":59,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["chrome-extension","chrome-extension-starter","reactjs","tailwindcss","typescript","vite"],"created_at":"2026-01-29T05:26:34.310Z","updated_at":"2026-01-29T05:26:34.887Z","avatar_url":"https://github.com/timelessco.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React TypeScript + Vite Chrome Extension Starter\n\n![build](https://github.com/timelessco/react-vite-chrome-extension/workflows/build/badge.svg)\n\n![react-vite-chrome-extension](./assets/cover.png)\n\nThis project is a boilerplate for creating a Google Chrome Extension with React + Vitejs + TailwindCSS + TypeScript.\n\n- [React](https://reactjs.org/)\n- [Vite](https://vitejs.dev/)\n- [Tailwind CSS](https://tailwindcss.com/)\n- [TypeScript](https://www.typescriptlang.org/)\n\n## :bulb: Preview\n\n![react-vite-chrome-extension](./assets/preview.png)\n\n## :package: Requirements\n\n- Nodejs v18+ LTS\n\n## :atom_symbol: Development\n\n- Clone this repository\n\n```\ngit clone https://github.com/timelessco/react-vite-chrome-extension\n```\n\n- Install dependencies\n\n```\npnpm install\n```\n\n- Start Development Server\n\n```\npnpm dev\n```\n\n## :computer: Production\n\n- Building the chrome extension for production\n\n```\npnpm build\n```\n\n## :rocket: Usage\n\n- You can find the chrome extension contents in the `dist` folder\n- Open `chrome://extension` and turn on Developer Mode.\n- Click the `Load unpacked extension` button.\n- Now, select the `dist` folder.\n- Your extension is ready to use.\n\n### :hamburger: Additional Details\n\n- This boilerplate can be extended even further using [Chrome Extension APIs](https://developer.chrome.com/docs/extensions/reference/)\n- You can use [Content Scripts](https://developer.chrome.com/docs/extensions/mv3/content_scripts/) to inject content into the page or accessing the DOM conent.\n- By using the [Message Passing](https://developer.chrome.com/extensions/messaging) API, you can communicate with the content script and the popup.\n\n## :green_heart: Message\n\nI hope you find this useful. If you have any questions, please create an issue.\n\n## :mortar_board: License\n\n- MIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftimelessco%2Freact-vite-chrome-extension","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftimelessco%2Freact-vite-chrome-extension","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftimelessco%2Freact-vite-chrome-extension/lists"}