--- title: Getting into web components - an intro | daily.dev description: The post introduces web components and explores the basics and lingo associated with them. It also discusses the developer experience of creating web... canonical: https://daily.dev/posts/getting-into-web-components---an-intro-1iuqobxma twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Getting into web components - an intro | daily.dev og:description: The post introduces web components and explores the basics and lingo associated with them. It also discusses the developer experience of creating web... og:url: https://daily.dev/posts/getting-into-web-components---an-intro-1iuqobxma og:image: https://api.daily.dev/og/posts/1IUqobXmA.png og:image:alt: Getting into web components - an intro og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Getting into web components - an intro **[Community Picks](https://daily.dev/sources/community)** · 8 min read · 23 upvotes · 0 comments ## Summary The post introduces web components and explores the basics and lingo associated with them. It also discusses the developer experience of creating web components and highlights the use of the Lit library for easier development. Recommended reads and resources are provided for further learning. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: --- Tags: [#javascript](https://daily.dev/tags/javascript), [#html](https://daily.dev/tags/html), [#web-components](https://daily.dev/tags/web-components) [View this post on daily.dev](https://daily.dev/posts/getting-into-web-components---an-intro-1iuqobxma) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Getting into web components - an intro","url":"https://daily.dev/posts/getting-into-web-components---an-intro-1iuqobxma","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/getting-into-web-components---an-intro-1iuqobxma"},"datePublished":"2024-02-11T20:00:36.500Z","dateModified":"2024-05-09T09:28:18.744Z","description":"The post introduces web components and explores the basics and lingo associated with them. It also discusses the developer experience of creating web...","image":"https://daily.dev/_astro/visual-webcomponents.W95i3AK5_Z1aGDTQ.webp","thumbnailUrl":"https://daily.dev/_astro/visual-webcomponents.W95i3AK5_Z1aGDTQ.webp","isAccessibleForFree":true,"articleSection":"Community Picks","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Community Picks","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community","url":"https://daily.dev/sources/community"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/getting-into-web-components---an-intro-1iuqobxma","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":23},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"javascript,html,web-components","timeRequired":"PT8M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Community Picks","item":"https://daily.dev/sources/community"},{"@type":"ListItem","position":3,"name":"Getting into web components - an intro"}]} ```