How to apply your brand’s theme to AWS UI components

Charles Stover
3 min readJan 2, 2021
The AWS UI side navigation, breadcrumbs, and table components before and after the application of a custom theme.

The AWS UI component library offers a powerful, mobile responsive, and intuitive user interface. Leveraging Amazon’s research into customer experience, the customer-obsessed tech giant does not fall short. However, the UI library formally lacks one important feature: branding. This article will cover how to apply your own brand despite a lack of formal support.

The AWS UI team did an outstanding and admirable job of stripping Amazon’s trademark colors and fonts from their UI and open-sourcing the components for the community. This move will allow third parties to rapidly deliver new features. I was able to migrate my entire portfolio and sprite sheet to GIF conversion application to TypeScript and the new UI in about a week. An open source policy also offers reciprocal benefits. Customers of AWS can not contribute bug fixes, feature implementations, and performance enhancements directly back to AWS.

During this complex transition process from a close-source, single brand library to an open-source package, the AWS UI components have not yet adopted customization. However disappointing this may be for your organization, it’s understandable that scope creep did not take top priority. I am here to relieve your concerns. You can change the theme of your AWS UI components, and this implementation is open-source as well.

--

--