Skip to main content

A curated list of awesome Stencil resources, libraries and tools.

25
GitHub Stars
46
Curated Resources
6
Categories
19 hours ago
Last Refreshed
Stencil EcosystemDesign SystemsUI LibrariesComponents built with StencilPluginsStarter Templates

Use this list with your AI agent

Add the Context Awesome MCP server to Claude, Cursor, or any MCP client, then ask:

"Show me community resources from awesome-stencil"

Installation instructions →

What's inside

UI Libraries

  • AirComponents

    A modern component library built with StencilJS, focusing on semantic, standardized, and branded design for reusable UI components.

  • AnywhereUI

    AnywhereUI is a collection of rich web components that includes framework bindings, created with StencilJS.

  • Bulmil

    An agnostic UI components library based on Web Components, made with Bulma & Stencil.

  • DSO Toolkit

    Design System of the Digitaal Stelsel Omgevingswet (DSO).

  • GOAT UI

    Contains most used web components built using Stencil. So you don't need to include any additional framework dependencies, You can simply import the required component js, and right away start using it.

  • GO UI

    A design system for everyone.

Components built with Stencil

  • animate-presence

    Effortless element entrance/exit animations.

  • Dough Library

    This package provides some widgets you can use to create a smooshy UI.

  • Image Cropper Component

    An image cropper web component that allows users to crop a rectangle or a 4-point polygon.

  • qr-code

    A no-framework, no-dependencies, customizable, animate-able, SVG-based

  • RevoGrid

    Powerful virtual data grid smartsheet with advanced customization. Best features from excel plus incredible performance.

  • sketch-polls

    Live poll web component.

Design Systems

  • Atomium - Design System

    Atomium is an internal design system for 'Juntos Somos Mais' using Web Components.

  • BEEQ, a web component library initiative

    BEEQ Design System, is a web component library ruled by Endavan developers.

  • Calcite Design System

    Esri's Calcite Design System.

  • Duet Design System

    Duet provides a set of organized tools, patterns and practices that work as the foundation for LocalTapiola and Turva digital products and experiences.

  • Infineon Design System

    As part of the Infineon brand guidelines, the Infineon Digital Design System supports designers, developers and project managers to build user interfaces faster and better – with the ultimate goal of creating a coherent and optimal user journey across all internal and external Infineon digital touchpoints.

  • Klevu's brand new SDK

    Monorepository for Klevu headless.

Stencil Ecosystem

Starter Templates

Plugins

  • stencil-eslint

    ESLint rules specific to Stencil JS projects.

  • stencil-helmet

    Declaratively update the

  • stencil-postcss

    Autoprefixer plugin for Stencil.

  • stencil-router

    A simple router for Stencil apps and sites.

  • stencil-sass

    Sass plugin for Stencil.

  • stencil-store

    Store is a lightweight shared state library by the StencilJS core team. Implements a simple key/value map that efficiently re-renders components when necessary.

Showing a sample of 46 resources. View the full list on GitHub →