laijingwei / tailwind-alpine-chrome-extension

Starter Kit for building a Web Extension with Tailwindcss & AlpineJS

Tailwind/Alpine Chrome Extension Boilerplate

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

Installation

Setup local project

• git clone [e-mail]: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