Using Components

Web components are a key technology making pree (and no-build in general) possible. You can use them to re-use logic, DOM and styling across various pages of your website. Due to their isolated nature, you can also use them on multiple websites with ease, share them with others, etc.

🔍

Find reusable components in collections like webcomponents.org or component kitchen.

🎨

Develop your own components without any tooling, or using libraries such as Lit or minicomp. Also check the resources at Open Web Components


Any web component works with pree. When using web components or writing your own components, consider the following guildelines to get a better website performance / improved developer experience:

Load static components build-only.

🕹️

Interactive components supporting SSR are faster.

Components can access build environment for improved DX.



pree logo