On This Page
Plugins
Greenwood provides some first-party plugins allowing you to extend Greenwood through resource transformations, custom renderers, and more. The full list is below, with some of our featured plugins on the left side-nav. You can also create your own.
When installing plugins with npm, make sure to add the
--legacy-peer-depsflag, or add an .npmrc file in the root of your project withlegacy-peer-deps=trueset.
Featured
- Lit SSR - For Lit users, a custom renderer plugin to support Lit+SSR
- PostCSS - Leverage PostCSS plugins, like Tailwind
- CSS Modules - Support for CSS Modules ™ (opens in a new window) syntax
- Raw Loader - Import arbitrary text files as ESM
All Plugins
Below is the official list of supported first-party plugins available by the Greenwood team with links to the plugin specific README for full installation and usage documentation.
| Name | Description |
|---|---|
| AWS (opens in a new window) | Deploy SSR pages and API routes to serverless functions on AWS (opens in a new window). |
| Babel (opens in a new window) | Use Babel (opens in a new window) plugins, presets, and configuration in your project. |
| HTML Include (opens in a new window) | Inspired by the original HTML Imports spec (opens in a new window). |
| Import Raw (opens in a new window) | Enables usage of ESM syntax for loading arbitrary file contents as a string. |
| JSX (opens in a new window) | Enables usage of ESM syntax for loading WCC (opens in a new window) compatible JSX. |
| Lit SSR (opens in a new window) | A server-side rendering plugin for Lit based Greenwood projects. |
| Netlify (opens in a new window) | Deploy serverless and edge functions to Netlify (opens in a new window). |
| Polyfills (opens in a new window) | Web Component related polyfills for older browsers. |
| PostCSS (opens in a new window) | Allows usage of PostCSS (opens in a new window) plugins and configuration in your project. |
| Puppeteer (opens in a new window) | A rendering plugin to support prerendering a Greenwood project using Puppeteer. |
| Vercel (opens in a new window) | Deploy serverless and edge functions with Vercel (opens in a new window). |