Page contents Page contents Introduction The purpose of the Europa Component Library (ECL) is to ensure one coherent ‘Europa’ environment and reinforce visitors' confidence in the information provided. All this in a cost-effective manner. The ECL ensures this coherence by providing a comprehensive, modular design system. It describes and showcases the design elements and visual standards that make up all EU and EC branded websites. Rule The ECL must be used according to the Rules and guidelines per site type. Framework 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 A2 (formerly B3). Implementation ECL can be used on any platform. However, specific developments have been made to support implementation for the corporate technologies on Drupal: the Europa Web Publishing Platform includes required themes based on ECL componentson Angular platforms: the eUI version includes all ECL components ready for use in Angular developments. For other platforms, implementation must be done according to the technology used. Related links Europa Component Library Europa Web Publishing Platform eUI Platform Design rules and guidelines per site type Navigation system - European Commission Europa Analytics Contact and support Need further assistance on this topic? Please contact the team in charge of Europa Domain Management (EU Login required).
