Stencil

Compiler that generates Web Components from TypeScript, JSX, and CSS. Combines familiar framework concepts like a virtual DOM and component model with native Custom Elements standards, producing lightweight output that runs across modern browsers without framework lock-in.

Built by the Ionic Framework team and powering cross-functional component systems at enterprises worldwide. Unlike framework-specific alternatives such as React or Vue component libraries, Stencil outputs standards-compliant Web Components that work with React, Angular, Vue, or no framework at all from a single codebase.

Key capabilities:

• Framework-agnostic Web Components with slots, shadow DOM, and async rendering pipeline
• Multiple output targets including vanilla custom elements and framework-specific wrappers for React, Angular, Vue
• TypeScript-first development with built-in dev server, hot reload, and zero-config defaults
• Automatic documentation generation from JSDoc and tree-shakeable builds
• Built-in unit testing, prerendering, and sourcemaps for production debugging

Design systems and shared component libraries are the primary use case, especially for teams supporting multiple frameworks or migrating between them. Developers benefit from JSX syntax, code generation for new components, and integration guides for each major framework.