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
- TypeScript - A plugin for transforming files written in TypeScript
- PostCSS - Leverage PostCSS plugins, like Tailwind
- CSS Modules - Support for CSS Modules ™️ 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 |
|---|---|
| Babel | Use Babel plugins, presets, and configuration in your project. |
| HTML Include | Inspired by the original HTML Imports spec. |
| Import Raw | Enables usage of ESM syntax for loading arbitrary file contents as a string. |
| JSX | Enables usage of ESM syntax for loading WCC compatible JSX. |
| Lit SSR | A server-side rendering plugin for Lit based Greenwood projects. |
| Netlify | Deploy serverless and edge functions to Netlify. |
| Polyfills | Web Component related polyfills for older browsers. |
| PostCSS | Allows usage of PostCSS plugins and configuration in your project. |
| Puppeteer | A rendering plugin to support prerendering a Greenwood project using Puppeteer. |
| TypeScript | Allows usage of TypeScript syntax. |
| Vercel | Deploy serverless and edge functions with Vercel. |