> Bring [web vitals](https://github.com/GoogleChrome/web-vitals) quickly into your page using custom elements
npm install web-vitals-element> Bring web vitals quickly into your page using custom elements
!web-vitals-element in styled and unstyled version
``html
`
_The element does not render shadow DOM. You can style it like any other element in your HTML page._
After loading the element script, use the web-vitals element in your HTML.
`html
`
Currently supported metrics: cls, fcp, fid, lcp, ttfb`. Read more about these in the web-vitals documentation.
_I'd love to see more themes for the web vitals element box – the fancier the better!_ If you're interested in contributing some fancy looks, please open an issue.
This project underlies a code of conduct.
This project is released under MIT license.