Component / Module: The Building Blocks of UI

A Component (or Module) is a self-contained, reusable building block of a website’s User Interface (UI). While a Plugin adds logic, a Component defines structure and style.

Modern web development follows a Component-Based Architecture. Instead of building “pages,” we build a library of components—such as a “Product Card,” a “Hero Banner,” or a “Testimonial Slider.” These modules can be reused across different sections of a webshop, ensuring visual consistency and significantly reducing the time required for future updates. This approach is fundamental to design systems and headless commerce environments.

Modular Implementation Standards

A Plugin is an engine that performs a backend task (e.g., calculating tax). A Component is the visual container that displays data to the user (e.g., the “Checkout Summary” box). Plugins provide the what, and Components provide the how it looks.

Scalability. If you decide to change the look of your “Add to Cart” button, we only need to update the single “Button Component” once, and that change will instantly propagate across every product page on your site.

A Dynamic Module is a component that pulls live data from the CMS or an external API. For example, a “Related Products” module on a product page is a single component that automatically updates its content based on the user’s current view.

“Widget” is an older term often used in legacy CMS platforms. While similar, “Component” implies a more modern, integrated part of a Design System, whereas “Widgets” are often treated as “add-ons” to a sidebar or footer.

Build a high-performance engine. From securing your site with HTTPS and SSL/TLS to building custom REST APIs, our Web Development team ensures your infrastructure is scalable, secure, and future-proof.

Let’s amplify your success together!

Request a Free Quote