See how Stencil fits into the entire Ionic Ecosystem ->
Stencil is part of the Ionic Ecosystem ->

Bring your company’s design system to life.

Reduce design debt, connect disparate tech teams, and enforce brand consistency at scale with code-based, world-class design systems that work everywhere.

Learn more

Production-ready Design Systems at Scale.

Build shared components across teams using a diverse set of frontend frameworks and technologies, all while enforcing brand guidelines and exceeding accessibility standards.

Stencil OSS

Always free & open source

Stencil DS

Custom pricing

Web Component compiler
Web Component compiler
Lazy-loading for Components
Lazy-loading for Components
Intelligent polyfill loading
Intelligent polyfill loading
Community support
Premium Support SLA
Generate bindings for Angular, React, and Vue
Generate bindings for Angular, React, and Vue
Expert advisory on your Design System project
Training opportunities
Install StencilGet in touch
Design Systems guide cover

Interested in building Design Systems with Web Components?

Our new guide breaks down everything you need to know.

Get the guide

FAQ for Stencil DS

What parts of Stencil are free? What parts are commercially licensed?

Yes, the official Stencil project is 100% free and open source (MIT licensed), and always will be. We offer Stencil DS for teams undertaking large Design System initiatives which offers additional features and tools that are not free. This keeps the lights on and lets us keep making the Stencil you know and love better and better, all while helping teams be successful with their Design System initiatives.

What do I get with Premium Support?

While Stencil has an active community and is being actively maintained, there are cases where certain bugs or features are not a priority due to misalignment with our open source roadmap or time constraints.

For teams deploying major Design System initiatives, relying on open source and community support is not sufficient. You'll need assurance that key issues or features are identified and communicated quickly, with potential fixes or workarounds made available in a timely fashion.

With Stencil DS, Premium Support is provided and teams will have a dedicated account manager to communicate with if anything goes wrong.

My team needs help making our initiative successful. Do you offer Advisory Services?

Yes! The Stencil team is the same team that build and deployed one of the most successful open source Design Systems ever: Ionic Framework. Today, Ionic is used by millions of developers for over five million applications.

Not only that, but the team behind Stencil is a leader in modern Web APIs and Progressive Web Apps, and has unique expertise that is difficult to find anywhere else.

We work with major enterprise companies and high growth startups undertaking major Design System initiatives that can't afford to fail, and we're ready to help your team, too!

Want to learn more about Stencil DS?

Our team will reach out to see how we can help make your Design System initiative successful.