Frameworks make web development more enjoyable through an improved developer experience. While Workbox can be used in any project regardless of what framework it uses---[or whether it uses a framework at all](https://developer.chrome.com/docs/workbox/using-workbox-without-precaching.md.txt)---some frameworks have integrations with Workbox that make it even easier to use. Below are setups that include Workbox out of the, well, *box*.

## React/React-compatible

- [create-react-app](https://web.dev/articles/precache-with-workbox-react)
- [gatsby-plugin-offline](https://www.gatsbyjs.com/plugins/gatsby-plugin-offline/)
- [preact-cli](https://preactjs.com/cli/service-worker/)
- [next/pwa](https://github.com/shadowwalker/next-pwa)
- [next-offline](https://github.com/hanford/next-offline)

## Vue

- [nuxt/pwa](https://pwa.nuxtjs.org/workbox/)
- [@vuepress/plugin-pwa](https://vuepress.vuejs.org/plugin/official/plugin-pwa.html)
- [@vue/cli-plugin-pwa](https://cli.vuejs.org/core-plugins/pwa.html)
- [vite-plugin-pwa](https://github.com/antfu/vite-plugin-pwa)
- [quasar-cli](https://quasar.dev/quasar-cli/developing-pwa/introduction)

### Other framework integrations

- [Wordpress PWA Plugin](https://wordpress.org/plugins/pwa/)
- [ember-cli-workbox](https://github.com/BBVAEngineering/ember-cli-workbox)
- [@docusaurus/plugin-pwa](https://docusaurus.io/docs/api/plugins/@docusaurus/plugin-pwa)
- [hexo-offline](https://github.com/JLHwung/hexo-offline)
- [create-lwc-app](https://github.com/muenzpraeger/create-lwc-app)
- [eleventy-plugin-pwa](https://github.com/okitavera/eleventy-plugin-pwa)