Page tree
Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

Version 1 Next »


The purpose of the Europa Component Library (ECL) is to ensure, in a cost-effective manner, one coherent ‘Europa’ environment and reinforce visitors' confidence in the information provided.

The ECL ensures this coherence by providing a comprehensive, modular design system describing and showcasing the design elements and visual standards that make up all EU and EC branded websites and web information systems.


The ECL must be used according to the Specific design rules and guidelines per site type


All ECL components respect Europa Web Guide rules regarding design, accessibility and responsiveness.

All library elements are accompanied by

  • documentation explaining what a component is and how it should be used (under "Usage")
  • a visual demonstration (the anatomy of the component, under "Usage")
  • HTML/CSS code for implementation (under "Showcase").

The Europa Component Library (ECL) is technology agnostic because it focuses on HTML, CSS and vanilla JS. It doesn't require any framework like React or Angular to work, meaning that it can be used for any type of development.

The ECL was developed and is maintained by DG Communication Unit B3.


ECL can be used on any platform.

However, specific developments have been made to support implementation for the corporate technologies:

For other platforms, implementation must be done according to the technology used.

Contact and support

If you require further assistance, please contact:

Comm Europa Management

European Commission
DG Communication 
Unit B.3 
Europa Web Communication 

  • No labels

The Europa Web Guide is the official rulebook for the European Commission's web presence, covering editorial, legal, technical, visual and contractual aspects.
All European Commission web sites must observe the rules and guidelines it contains.
Web practitioners are invited to observe its contents and keep abreast of updates. More information about the web guide.