chibat / Chrome Extension Typescript Starter
Licence: mit
Chrome Extension TypeScript Starter
Stars: ✠601
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to Chrome Extension Typescript Starter
Typescript Starter
Quickly create and configure a new library or Node.js project
Stars: ✠2,953 (+391.35%)
Mutual labels: starter, boilerplate, template
Suicrux
🚀 Ultimate universal starter with lazy-loading, SSR and i18n. [not maintained]
Stars: ✠958 (+59.4%)
Mutual labels: starter, boilerplate, template
Awesome Chrome Extension Boilerplate
Use react + typescript + webpack to enhance your chrome extension development experience
Stars: ✠146 (-75.71%)
Mutual labels: boilerplate, chrome-extension, template
Create React App Material Typescript Redux
A ready to use boilerplate for starting big react projects
Stars: ✠257 (-57.24%)
Mutual labels: starter, boilerplate, template
React Hooks Mobx State Tree
React Hooks + MobX State Tree + TypeScript = 💛
Stars: ✠169 (-71.88%)
Mutual labels: starter, boilerplate, template
Web Extension Starter
🖥🔋Web Extension starter to build "Write Once Run on Any Browser" extension
Stars: ✠987 (+64.23%)
Mutual labels: starter, boilerplate, chrome-extension
Laravel Boilerplate
Laravel Boilerplate / Starter Kit with Gentelella Admin Theme
Stars: ✠704 (+17.14%)
Mutual labels: starter, boilerplate, template
Hartija Css Print Framework
Universal CSS for web printing
Stars: ✠509 (-15.31%)
Mutual labels: starter, boilerplate, template
Automatic Gatsbyjs App Landing Page
Automatic GatsbyJS App Landing Page - Automatically generate iOS app landing page using GatsbyJS
Stars: ✠137 (-77.2%)
Mutual labels: starter, boilerplate, template
Web Extension Starter
Typescript, React, Redux, Styled-Component and Webpack based sample extension boilerplate. Runs on Chrome and Firefox. Sample chrome extension.
Stars: ✠115 (-80.87%)
Mutual labels: starter, boilerplate, chrome-extension
Vue Element Starter
Vue starter with Element-UI [READY, unmaintained now]
Stars: ✠216 (-64.06%)
Mutual labels: starter, boilerplate, template
Frontend Boilerplate
An ES20XX starter with common frontend tasks using Webpack 4 as module bundler and npm scripts as task runner.
Stars: ✠224 (-62.73%)
Mutual labels: starter, boilerplate, template
Vue Electron Template
An Electron & Vue.js template with Hot-reloading enabled and common Vue plugins, dev, debug and build scripts configured.
Stars: ✠260 (-56.74%)
Mutual labels: starter, boilerplate
React Native Navigation Redux Starter Kit
React Native Navigation(v2) Starter Kit with Redux, Saga, ESLint, Babel, Jest and Facebook SDK 😎
Stars: ✠271 (-54.91%)
Mutual labels: starter, boilerplate
Grumbler
A template for writing distributable front-end javascript modules.
Stars: ✠280 (-53.41%)
Mutual labels: boilerplate, template
Kotlin Android Mvvm Starter
Android Kotlin Starter is a starter project which implements MVVM Pattern.
Stars: ✠276 (-54.08%)
Mutual labels: starter, template
Graphql Starter
💥 Monorepo template (seed project) pre-configured with GraphQL API, PostgreSQL, React, Relay, and Material UI.
Stars: ✠3,377 (+461.9%)
Mutual labels: boilerplate, template
Koa Vue Notes Api
🤓 This is a simple SPA built using Koa as the backend, Vue as the first frontend, and React as the second frontend. Features MySQL integration, user authentication, CRUD note actions, and async/await.
Stars: ✠342 (-43.09%)
Mutual labels: boilerplate, template
Chrome Extension React Typescript Boilerplate
🔨 A boilerplate project to quickly build a Chrome extension using TypeScript and React (built using webpack).
Stars: ✠347 (-42.26%)
Mutual labels: boilerplate, chrome-extension
React Redux Typescript Jspm Starter
Futuristic, bundle-free, development environment for building Component-Driven SPA with React, Redux and TypeScript - powered by JSPM (SystemJS & Rollup with tree-shaking)
Stars: ✠238 (-60.4%)
Mutual labels: starter, boilerplate
Chrome Extension TypeScript Starter
Chrome Extension, TypeScript and Visual Studio Code
Prerequisites
- node + npm (Current Version)
Option
Includes the following
- TypeScript
- Webpack
- React
- Jest
- Example Code
- Chrome Storage
- Options Version 2
- content script
- count up badge number
- background
Project Structure
- src/typescript: TypeScript source files
- src/assets: static files
- dist: Chrome Extension directory
- dist/js: Generated JavaScript files
Setup
npm install
Import as Visual Studio Code project
...
Build
npm run build
Build in watch mode
terminal
npm run watch
Visual Studio Code
Run watch mode.
type Ctrl + Shift + B
Load extension to chrome
Load dist directory
Test
npx jest or npm run test
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].