freeCodeCamp/guide/english/web-components/how-do-i-use-web-components/index.md

---
title: How do I use Web Components?
---
#### How do I use Web Components?


<h1>Web Components</h1>
  
 <p>Web Components are <q>a set of web platform APIs that allow you to create new custom, reusable, encapsulated HTML tags to use in web pages and web apps</q>. You can learn more<a href="https://www.webcomponents.org/introduction" target="_blank"> here</a>.</p>
 
 <img src="https://cdn-images-1.medium.com/max/1600/0*_yWD1AV3xLlml1l5.png" alt="four web components" width="704" height="531" />

 <p>You can also learn more about this <b>components</b> and how to use them on other <i>websites</i>, such as:


#### More Information:
<!-- Please add any articles you think might be helpful to read before writing the article -->
- <a href="https://developer.mozilla.org/en-US/docs/Web/Web_Components">Mozilla</a>
- <a href="https://www.sitepen.com/blog/2018/07/06/web-components-in-2018/">Sitepen</a>
- <a href="https://codeburst.io/6-reasons-you-should-use-native-web-components-b45e18e069c2">Codeburst</a>