Using Stencil to Build a Design System

There’s a lot that goes into creating amazing UI components. Performance, accessibility, cross-platform capabilities, and user experience (not only of the UI component itself but how it fits into the entire design system) all must be considered.

These aspects take real effort to do well.

Enter Stencil, a robust and highly extensible tool for building design systems. With its intentionally minimalistic tooling and API footprint, it’s simple to incorporate into your existing development workflows. It brings substantial performance out of the box by leveraging a tiny runtime. Most importantly, all UI components built with Stencil are based 100% on open web standards.

Stencil’s out-the-box features will help you build your own library of universal UI components that will work across platforms, devices, and front-end frameworks. Review the documentation on this site to get started.

Additionally, the Ionic team (backers of Stencil) offers comprehensive assistance for enterprises who are embarking on their design systems journey. If this is your first time building a design system, or you’re new to Stencil, we encourage you to get in touch with one of our Solutions Engineers for a free consultation on how to meet your goals and get the most out of the platform.