/tailwind-alpine-chrome-extension

Starter Kit for building a Web Extension with Tailwindcss & AlpineJS

Primary LanguageJavaScript

Tailwind/Alpine Chrome Extension Boilerplate

This is a starting place for building a Web Extension with Tailwindcss & Alpinejs

Installation

Setup local project

  • git clone git@github.com:thomasjohnkane/tailwind-alpine-chrome-extension.git
  • npm i && npm run dev

Install on Chrome

  • Navigate to chrome://extensions in Chrome;
  • Enable the Developer mode
  • Click on Load unpacked extension (upper left nav)
  • Upload the entire extension folder

Roadmap

  • 公告跑马灯
  • 集成本地书签
  • 用户提交链接
  • 网络接口调试界面

Credit

  • Thanks to Caleb Porzio for Alpinejs
  • Thanks to Adam Watham for Tailwindcss
  • Thanks to @rubenspgcavalcante for Webpack Extension Reload plugin
  • Thanks to @Kocal, @EmailThis, and @williankeller for inspiration

Security

If you discover any security related issues, please email instead of using the issue tracker.

Contributing

  1. Fork it (https://github.com/thomasjohnkane/tailwind-alpine-chrome-extension/fork)
  2. Create your feature branch (git checkout -b feature/fooBar)
  3. Commit your changes (git commit -am 'Add some fooBar')
  4. Push to the branch (git push origin feature/fooBar)
  5. Create a new Pull Request