{"id":28330480,"url":"https://github.com/utsavdotpro/starter-chrome-extension-react-tailwind-webpack-ts","last_synced_at":"2026-04-13T00:41:21.914Z","repository":{"id":293950103,"uuid":"985587294","full_name":"utsavdotpro/starter-chrome-extension-react-tailwind-webpack-ts","owner":"utsavdotpro","description":"A starter template for Chrome Extensions with Tailwind CSS, Webpack, and TypeScript","archived":false,"fork":false,"pushed_at":"2025-05-18T06:05:03.000Z","size":62,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-18T22:36:25.925Z","etag":null,"topics":["chrome-extension","starter-template","tailwindcss","typescript","webpack"],"latest_commit_sha":null,"homepage":"","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/utsavdotpro.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,"zenodo":null}},"created_at":"2025-05-18T04:56:56.000Z","updated_at":"2025-05-18T06:05:06.000Z","dependencies_parsed_at":null,"dependency_job_id":"6ad7f7d8-eb87-4ad7-be41-0b0fbd1d356d","html_url":"https://github.com/utsavdotpro/starter-chrome-extension-react-tailwind-webpack-ts","commit_stats":null,"previous_names":["utsavdotpro/starter-chrome-extension-tailwind-webpack-ts"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/utsavdotpro/starter-chrome-extension-react-tailwind-webpack-ts","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/utsavdotpro%2Fstarter-chrome-extension-react-tailwind-webpack-ts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/utsavdotpro%2Fstarter-chrome-extension-react-tailwind-webpack-ts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/utsavdotpro%2Fstarter-chrome-extension-react-tailwind-webpack-ts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/utsavdotpro%2Fstarter-chrome-extension-react-tailwind-webpack-ts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/utsavdotpro","download_url":"https://codeload.github.com/utsavdotpro/starter-chrome-extension-react-tailwind-webpack-ts/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/utsavdotpro%2Fstarter-chrome-extension-react-tailwind-webpack-ts/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31735541,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-12T22:19:12.206Z","status":"ssl_error","status_checked_at":"2026-04-12T22:18:33.088Z","response_time":58,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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","starter-template","tailwindcss","typescript","webpack"],"created_at":"2025-05-26T16:53:31.585Z","updated_at":"2026-04-13T00:41:21.907Z","avatar_url":"https://github.com/utsavdotpro.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[\u003cimg src=\"https://ik.imagekit.io/iutsav/fork_l0RKONb5l.svg\" height=\"30\" /\u003e](https://githubbox.com/utsavdotpro/starter-chrome-extension-react-tailwind-webpack-ts)\n\n# Chrome Extension Starter Template\n\nA modern starter template for building Chrome extensions with:\n\n[![](https://img.shields.io/badge/React-v19-61dafb?style=for-the-badge\u0026logo=react)](https://react.dev)\n[![](https://img.shields.io/badge/Tailwind-v3-38bdf8?style=for-the-badge\u0026logo=tailwindcss)](https://tailwindcss.com)\n[![](https://img.shields.io/badge/TypeScript-v5-3178c6?style=for-the-badge\u0026logo=typescript)](https://typescriptlang.org)\n[![](https://img.shields.io/badge/Webpack-v5-8DD6F9?style=for-the-badge\u0026logo=webpack)](https://webpack.js.org/)\n\n---\n\n## How to Reuse Locally?\n\nUse `degit` to download the repository locally.\n\n\u003e **❓ What is [degit](https://github.com/Rich-Harris/degit)?**  \n\u003e degit downloads a copy of git repository with downloading its entire git history.\n\nInstall degit globally.\n\n```bash\npnpm install -g degit\n```\n\nDownload the latest version\n\n```bash\ndegit utsavdotpro/starter-chrome-extension-react-tailwind-webpack-ts\n```\n\n## Features\n\n- Manifest V3 compliant\n- React for building UI components\n- Modern JavaScript with TypeScript support\n- Styling with Tailwind CSS\n- Hot reloading during development\n- Optimized production build\n\n## Getting Started\n\n### Installation\n\n```bash\npnpm install\n```\n\n### Development\n\n```bash\npnpm dev\n```\n\n### Build for Production\n\n```bash\npnpm build\n```\n\n## Loading the Extension in Chrome\n\n1. Build the extension using `npm run build` or `pnpm build`\n2. Open Chrome and navigate to `chrome://extensions`\n3. Enable \"Developer mode\" in the top right corner\n4. Click \"Load unpacked\" and select the `dist` directory from this project\n\n## Project Structure\n\n```\n├── public/             # Static assets and manifest.json\n│   ├── icons/          # Extension icons\n│   ├── manifest.json   # Extension manifest\n│   └── popup.html      # Popup HTML\n├── src/                # Source code\n│   ├── background.ts   # Background script\n│   ├── content/        # Content script with React components\n│   │   ├── index.tsx   # Content script entry point\n│   │   └── ContentApp.tsx # Content React component\n│   ├── popup/          # Popup script with React components\n│   │   ├── index.tsx   # Popup entry point\n│   │   └── Popup.tsx   # Popup React component\n│   └── global.css      # Global styles (includes Tailwind)\n├── webpack.config.js   # Webpack configuration\n├── tailwind.config.js  # Tailwind CSS configuration\n└── tsconfig.json       # TypeScript configuration\n```\n\n## Customization\n\n- Update the `manifest.json` file to change the extension name, description, permissions, etc.\n- Modify the icons in `public/icons/` to customize the extension icon\n- Edit the popup UI in `src/popup/Popup.tsx` and `public/popup.html`\n- Customize content script UI in `src/content/ContentApp.tsx`\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Futsavdotpro%2Fstarter-chrome-extension-react-tailwind-webpack-ts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Futsavdotpro%2Fstarter-chrome-extension-react-tailwind-webpack-ts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Futsavdotpro%2Fstarter-chrome-extension-react-tailwind-webpack-ts/lists"}