Web components:
Better web apps, faster

Web components let you extend HTML with new capabilities. Component Kitchen are experts on this transformational technology. We design and develop web components, and we help industry leaders shape the future of web components by improving the underlying specs and libraries. We consult for companies like yours, helping you accelerate your work and improve your products.

Contact usAbout web components

What we do

Better building blocks

Web apps can now deliver mobile and desktop experiences that were previously possible only in native apps. Building on a web code base gets the most out of your design and development resources, and gives your users a great app experience instantly, with no install step.

Component Kitchen believes web components are a natural fit for these progressive web applications. We can help you identify where web components can improve your user experience and accelerate your development process. We can incorporate new components into your existing app, migrate legacy UI code to components, or help you architect a component-based foundation for new apps using whatever framework you’ve chosen.

What are web components? A quick, interactive tutorial.

Work in any front-end framework

Like you, we’ve built apps in a variety of front-end frameworks. Popular frameworks (React, Angular, etc.) let you efficiently create complex applications — but every framework comes with its own way of creating and manipulating user interface elements. This makes it hard to reuse UI code and ensure a consistent user experience. When the next framework comes along, your investment in last year’s framework could leave you with a large body of code you can’t move forward.

Building user interface elements as web components lets you invest in user interface code that works in any framework — the one you’re using now, and the one your team will be pushing for next year.

A design system to express your brand

Components can embody your company's brand — everything from visual aesthetics to preferred styles of user interaction – in working, customized HTML elements.

Component Kitchen can help implement a web design system for your company, large or small. We translate static design resources (brand guidelines, PhotoShop specs, etc.) into live components ready for production use in any web project. Your engineering teams can use these standards-compliant custom elements just like regular HTML, retaining their ability to decide which framework makes sense for them. All your users, across all your apps, get a great experience with consistent branding.

Use the web platform

Component Kitchen helps the greater web community deliver the highest quality user experiences possible. We contribute directly to the evolution of the underlying browser platform. We wrote and maintain the Gold Standard checklist for web components to set the bar for component quality. And we lead the open source Elix library of general-purpose web components that meet that Gold Standard.

These efforts allow us to create components for you that work well on any device and in a broad range of contexts. When you partner with us for your project, you gain direct representation on these open industry efforts.

Recent writings

November 27, 2017
Our current best answer for styling reusable components: subclassing
Even though styling reusable components is a hard problem, the Elix project needs a solution if it's to keep moving forward. The library's goal is to provide general-purpose components that can be styled/themed to meet customers' needs. As far as we're aware, neither the web platform nor component frameworks give us the styling primitives we need. For now, Elix is tackling this styling challenge with subclassing.
November 20, 2017
Styling is critical to web component reuse, but may prove difficult in practice
The easiest way to create web components with a distinctive visual style is to bake that style directly into the components' code. Most user interface components are designed to be used solely within the company creating them, in which case baking in styles may be acceptable. But anyone aspiring to create or consume reusable general-purpose web components will have to grapple with the fact that styling components is currently an unsolved problem.
November 6, 2017
Is it worth creating web components that work on IE 11? Or Edge?
I spent the last week on my least favorite engineering task: trying to get a body of code that works on Chrome/Safari/Firefox to work on Microsoft Edge and Microsoft Internet Explorer. In this case, I've been trying to get the Elix project's unit tests and basic component set working as expected in Edge and IE 11. Such work is never fun. Lately I've been wondering whether it's worth the Elix project's time to support Microsoft's browsers.

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 info@component.kitchen, or via Twitter at @ComponentK.