Component Kitchen:
Web component experts

Web components let you extend HTML with new capabilities. Component Kitchen are experts on this transformational technology. We design, develop, and customize web components for companies like yours so you can deliver great user experiences faster.

Contact us About web components

What we do

We create building blocks for your progressive web applications

Progressive web apps can now deliver mobile and desktop experiences that previously required native apps. Building on a web code base gets the most out of your design and development resources, and gives your users a great experience instantly. Web components are a natural fit for progressive web apps. We can identify where web components will improve your product, migrate legacy UI code to components, create custom components for you, or architect a component-based foundation for whichever framework you’ve chosen.

What are web components? A quick, interactive tutorial.

We’ll create a design system to express your brand

Component Kitchen can implement a web design system for your company or project, large or small. We translate your design resources into live components ready for production use in any web project. Instead of working with generic, primitive <img> and <div> elements, your teams get new, standard-supported HTML elements tailored to your company: <our-company-logo>, <our-standard-toolbar>, and anything else they need to build designs in your style. These fully-functional HTML elements embody your company's brand — from visual identity to aesthetics to interaction — to give all your users a great experience with pixel-perfect branding.

Elix: extensively customizable components

All applications incorporate commonly accepted user interface patterns like lists, menus, popups, and carousels. Until now, you’ve had to reinvent these common patterns from scratch or wrestle with flaky, inflexible widgets. Now you can use Elix, a rock-solid collection of extensively customizable web components for common user interface patterns. We build to our exacting Gold Standard to ensure quality results across all browsers and devices. You can use the open source Elix components as is, or we can can customize them to suit your brand and the unique context of your application.

Use our components in any front-end framework

Every framework — React, Angular, Ember, Vue, etc. — lets you efficiently create complex applications, but each has its own approach to building user interfaces. This makes it hard to reuse work and leads to inconsistencies, and the next framework shift will strand you with dead-end code. By helping you build the key pieces of your user interface with web components, you get durable code that works in any framework, now or future.

We help move the web forward

Component Kitchen contributes directly to the evolution of the underlying browser platform. We’re actively involved in advancing the web standards that make web components work. We wrote and maintain the Gold Standard checklist for web components to set the industry bar for web component quality. When you partner with us for your project, you directly benefit from this deep expertise and gain representation on these open industry efforts.

Recent writings

July 11, 2018
Building a great menu component is so much trickier than you'd think
We've released v2.2 of the Elix web components library, which includes some new components for menus:
May 14, 2018
Creating software in 2028 is so amazing now that we build with reusable UI components!
We’re getting much closer to a world where we can create sophisticated applications from widely reusable, general-purpose user interface components. We’re still not there — it might be another 5–10 years before that world comes to pass. But we can imagine what software development will be like once that's happened.
May 7, 2018
Using JavaScript template literals with JSX for server-side rendering
While updating our Component Kitchen site to incorporate the Elix web component documentation, we replaced our server-side use of Preact with template literals for JSX. The result works well and could be applied in many situations, so we describe the solution here in case others are interested in trying it.

More from our blog

Contact us

We're happy to answer your questions about web components and help you use them in your next project.

Send us a message via email at, or via Twitter at @ComponentK.