Gartner Research

Web Components and the Rise of Client-Side Architecture

Published: 05 May 2016

ID: G00297457

Analyst(s): Danny Brian


The browser lacks a clear model for scope and encapsulation. Emerging Web Components standards offer Web developers an elegant solution to this problem, and they are ready for use in modern browsers.

Table Of Contents


  • The Biggest Problem With the Modern Web
  • The Browser Already Has a Solution
  • Web Components in a Nutshell
  • Consuming Web Components
  • Building Entire Applications From Web Components
  • The Implications of Web Components
    • Strong Reuse of Components
    • A Smaller Footprint for Framework Decisions
    • Changed Framework Expectations
    • A Lower Bar to Web Development
    • Decoupled Client-Side Architecture
  • An Example Use Case
  • The Current and Future State
  • Are Web Components Ready for General Use?
  • Strengths
  • Weaknesses



  • A Credit Card Validator Input
    • A Nonvisual Polling Element


Gartner Recommended Reading

©2021 Gartner, Inc. and/or its affiliates. All rights reserved. Gartner is a registered trademark of Gartner, Inc. and its affiliates. This publication may not be reproduced or distributed in any form without Gartner’s prior written permission. It consists of the opinions of Gartner’s research organization, which should not be construed as statements of fact. While the information contained in this publication has been obtained from sources believed to be reliable, Gartner disclaims all warranties as to the accuracy, completeness or adequacy of such information. Although Gartner research may address legal and financial issues, Gartner does not provide legal or investment advice and its research should not be construed or used as such. Your access and use of this publication are governed by Gartner’s Usage Policy. Gartner prides itself on its reputation for independence and objectivity. Its research is produced independently by its research organization without input or influence from any third party. For further information, see Guiding Principles on Independence and Objectivity.

Already have a Gartner Account?

Become a client

Learn how to access this content as a Gartner client.