카테고리
용어 사전
찜장바구니

장바구니 0개

뒤로

브라우저 확장

출처Chrome 확장 공식 예제 52GitHub 스타터·보일러플레이트 (awesome 목록) 21WXT 브라우저 확장 템플릿 5

상품 78개1–60번째 / 78개

  • Extension.js

    크로스 브라우저 확장 프로그램 프레임워크다.

    • TypeScript

    GitHub (awesome 목록에서 고른 템플릿)5,191MIT

  • webextensions-examples

    WebExtensions API로 만든 Firefox 부가 기능 예제 모음이다.

    • JavaScript

    GitHub (awesome 목록에서 고른 템플릿)4,471MPL-2.0

  • create-chrome-ext

    React·Vue·Svelte 등 여러 프레임워크로 Chrome 확장 프로그램 뼈대를 만드는 도구다.

    • TypeScript

    GitHub (awesome 목록에서 고른 템플릿)2,125MIT

  • browser-extension-template

    Parcel 2·옵션 처리·자동 배포를 갖춘 최소 확장 보일러플레이트다.

    • JavaScript

    GitHub (awesome 목록에서 고른 템플릿)809

  • extro

    오픈소스 브라우저 확장 스타터 키트다.

    • TypeScript

    GitHub (awesome 목록에서 고른 템플릿)411MIT

  • npmhub

    GitHub 저장소의 npm 의존성을 살펴보는 브라우저 확장이다.

    • Svelte

    GitHub (awesome 목록에서 고른 템플릿)834MIT

  • Best-Micro-SaaS-Tools

    실제 마이크로 SaaS 도구를 분야별로 모은 목록으로, 창업 아이디어를 얻는 데 쓴다.

    GitHub (awesome 목록에서 고른 템플릿)279

  • chrome-ext-starter

    Vite·TypeScript·React·Tailwind CSS·DaisyUI로 Chrome 확장 프로그램을 만드는 스타터 키트다.

    • TypeScript

    GitHub (awesome 목록에서 고른 템플릿)170

  • vite-plugin-crx-mv3

    Vite로 Chrome 확장 프로그램을 만드는 플러그인이다.

    • TypeScript

    GitHub (awesome 목록에서 고른 템플릿)228

  • Next-Chrome-Starter

    Next.js로 Chrome 확장 프로그램을 만드는 방법을 보여 주는 예제 템플릿이다.

    • HTML

    GitHub (awesome 목록에서 고른 템플릿)219MIT

  • create-mern-app

    프로젝트에 맞게 고치기 쉬운 MERN 앱 파일·폴더 구조를 만들어 주는 템플릿이다.

    • JavaScript

    GitHub (awesome 목록에서 고른 템플릿)129MIT

  • generator-web-extension

    크로스 브라우저 웹 확장 개발에 필요한 것을 만들어 주는 생성기다.

    • JavaScript

    GitHub (awesome 목록에서 고른 템플릿)319

  • Catonaut

    Astro와 Bun으로 만드는 브라우저 확장 템플릿이다.

    • TypeScript

    GitHub (awesome 목록에서 고른 템플릿)85MIT

  • nextjs-chrome-extension

    NextJS로 Chrome 확장 프로그램을 만드는 템플릿이다.

    • JavaScript

    GitHub (awesome 목록에서 고른 템플릿)84MIT

  • webextensions-webpack-boilerplate

    Webpack으로 브라우저 확장을 만드는 보일러플레이트다.

    • JavaScript

    GitHub (awesome 목록에서 고른 템플릿)680bsd

  • turborepo-nextjs-wxt-shadcn-boilerplate

    웹 앱과 웹 확장을 담고 설정을 공유하는 Turborepo 보일러플레이트다.

    • TypeScript

    GitHub (awesome 목록에서 고른 템플릿)24MIT

  • chrome-extension-template

    템플릿으로 만든 Chrome 확장 프로그램 예제다.

    • JavaScript

    GitHub (awesome 목록에서 고른 템플릿)44MIT

  • create-webextension

    명령 하나로 새 WebExtension을 만든다.

    • JavaScript

    GitHub (awesome 목록에서 고른 템플릿)25MPL-2.0

  • chrome-extension-boilerplate-riot

    RIOT.js로 만든 단일 페이지 앱 형태의 Chrome 확장 프로그램 보일러플레이트다.

    • JavaScript

    GitHub (awesome 목록에서 고른 템플릿)23MIT

  • vitaly-extension

    Vite·Vue·TypeScript로 만든 Chrome 확장 프로그램(MV3) 스타터 템플릿이다.

    • TypeScript

    GitHub (awesome 목록에서 고른 템플릿)23MIT

  • On-device AI with Gemini Nano

    Chrome 확장에서 Gemini Nano 프롬프트 API를 쓰는 예제다.

    • JavaScript

    Chrome 확장 공식 예제Apache-2.0

  • Ai.Gemini On Device Alt Texter

    기기 안의 Gemini로 이미지 대체 텍스트를 만드는 Chrome 확장 예제다.

    • JavaScript

    Chrome 확장 공식 예제Apache-2.0

  • On-device Summarization with Gemini Nano

    Chrome 내장 Summarizer API와 Gemini Nano로 기기 안에서 웹페이지를 요약한다.

    • JavaScript

    Chrome 확장 공식 예제Apache-2.0

  • Cookbook - File Handling

    확장에서 파일을 다루는 예제다.

    • JavaScript

    Chrome 확장 공식 예제Apache-2.0

  • geolocation via content script

    콘텐츠 스크립트에서 위치 정보를 얻는 방법을 보여 준다.

    • JavaScript

    Chrome 확장 공식 예제Apache-2.0

  • geolocation via offscreen document

    서비스 워커에서 오프스크린 문서로 위치 정보를 얻는 방법을 보여 준다.

    • JavaScript

    Chrome 확장 공식 예제Apache-2.0

  • geolocation inside a popup

    팝업에서 위치 정보를 얻는 방법을 보여 준다.

    • JavaScript

    Chrome 확장 공식 예제Apache-2.0

  • Cookbook.Offscreen Clipboard Write

    오프스크린 문서로 시스템 클립보드에 문자열을 쓰는 방법을 보여 준다.

    • JavaScript

    Chrome 확장 공식 예제Apache-2.0

  • Cookbook.Offscreen Dom

    오프스크린 문서로 확장 서비스 워커에서 DOMParser를 쓰는 방법을 보여 준다.

    • JavaScript

    Chrome 확장 공식 예제Apache-2.0

  • Cookbook.Offscreen User Media

    오프스크린 문서에서 getUserMedia()로 마이크 소리를 녹음하는 방법을 보여 준다.

    • JavaScript

    Chrome 확장 공식 예제Apache-2.0

  • permissions.addHostAccessRequest() Demo

    permissions.addHostAccessRequest API로 호스트 접근을 요청하는 예제다.

    • JavaScript

    Chrome 확장 공식 예제Apache-2.0

  • Global Side panel example

    Side Panel API로 모든 사이트에 같은 사이드 패널을 띄우는 예제다.

    • JavaScript

    Chrome 확장 공식 예제Apache-2.0

  • Multiple side panels example

    상황에 따라 여러 사이드 패널을 바꿔 보여 주는 예제다.

    • JavaScript

    Chrome 확장 공식 예제Apache-2.0

  • Site-specific side panel example

    google.com에서만 사이드 패널을 보여 주는 예제다. 아이콘이나 단축키로 연다.

    • JavaScript

    Chrome 확장 공식 예제Apache-2.0

  • Using WASM in Manifest V3

    Manifest V3에서 WASM을 쓰는 방법을 보여 준다.

    • JavaScript

    Chrome 확장 공식 예제Apache-2.0

  • Using XHR in Service Workers

    확장 백그라운드 서비스 워커에서 XHR 코드를 쓰는 예제다.

    • JavaScript

    Chrome 확장 공식 예제Apache-2.0

  • Reference.Mv3 Content Scripts

    MV3 이전 문서의 임의 문자열 실행 절을 위한 예제 코드다.

    • JavaScript

    Chrome 확장 공식 예제Apache-2.0

  • Bookmarks Manager

    chrome.bookmarks API로 북마크를 검색·추가·편집·삭제하는 예제다.

    • JavaScript

    Chrome 확장 공식 예제Apache-2.0

  • Catifier

    페이지의 jpg 이미지를 모두 고양이 사진으로 바꾸는 확장 예제다.

    • JavaScript

    Chrome 확장 공식 예제Apache-2.0

  • Sample CO₂ Meter Chrome Extension

    WebHID로 CO₂ 측정기에 접근해 이산화탄소 농도와 온도를 보는 Chrome 확장 예제다.

    • JavaScript

    Chrome 확장 공식 예제Apache-2.0

  • Sample.Favicon Cs

    google.com 파비콘을 가져와 Google 검색 페이지에 넣는 예제다.

    • JavaScript

    Chrome 확장 공식 예제Apache-2.0

  • Demo

    Chromium 코드 리뷰가 어느 버전에 합쳐졌는지 팝업으로 보여 주는 확장이다.

    • JavaScript

    Chrome 확장 공식 예제Apache-2.0

  • Sample.Optional Permissions

    새 탭 페이지를 바꾸며 선택 권한을 요청하는 확장 예제다.

    • JavaScript

    Chrome 확장 공식 예제Apache-2.0

  • Page Redder

    chrome.action API로 아이콘을 누르면 코드를 실행하는 예제다.

    • JavaScript

    Chrome 확장 공식 예제Apache-2.0

  • Dictionary Side panel example

    단어를 우클릭하면 사이드 패널에 뜻을 보여 주는 사전 예제다.

    • JavaScript

    Chrome 확장 공식 예제Apache-2.0

  • chrome.tabCapture recorder

    chrome.tabCapture API로 백그라운드에서 탭을 녹화하는 예제다.

    • JavaScript

    Chrome 확장 공식 예제Apache-2.0

  • Text Replacer

    사용자 요청에 따라 페이지 글자를 바꾸는 확장 예제다.

    • JavaScript

    Chrome 확장 공식 예제Apache-2.0

  • Sample Chrome Theme

    여러 색 꾸미기 옵션을 보여 주는 Chrome 테마 예제다.

    • JavaScript

    Chrome 확장 공식 예제Apache-2.0

  • Drink Water Alarm

    Alarms·Notifications API로 정해진 간격마다 물 마시기를 알려 주는 예제다.

    • JavaScript

    Chrome 확장 공식 예제Apache-2.0

  • WebGPU extension sample

    확장 서비스 워커에서 WebGPU로 빨간 삼각형을 그리는 예제다.

    • JavaScript

    Chrome 확장 공식 예제Apache-2.0

  • Tutorial.Broken Color

    확장 디버깅 튜토리얼용 예제다. 활성 탭의 배경색을 바꾼다.

    • JavaScript

    Chrome 확장 공식 예제Apache-2.0

  • Custom Cursor extension

    developer.chrome.com 페이지에 맞춤 커서를 더하는 튜토리얼 예제다.

    • JavaScript

    Chrome 확장 공식 예제Apache-2.0

필터

출처
라이선스
언어
태그