Displaying 1 to 19 from 19 results

stencil - A Web Component compiler for building fast, reusable UI components and Progressive Web Apps 💎 Built by the Ionic Framework team

  •    TypeScript

Stencil is a simple compiler for generating Web Components and progressive web apps (PWA). Stencil was built by the Ionic Framework team for its next generation of performant mobile and desktop Web Components. Stencil combines the best concepts of the most popular frontend frameworks into a compile-time rather than run-time tool. It takes TypeScript, JSX, a tiny virtual DOM layer, efficient one-way data binding, an asynchronous rendering pipeline (similar to React Fiber), and lazy-loading out of the box, and generates 100% standards-based Web Components that runs on both modern browsers and legacy browsers back to Internet Explorer 11.

ionic - Build amazing native and progressive web apps with open web technologies

  •    TypeScript

Ionic is the open-source mobile app development framework that makes it easy to build top quality native and progressive web apps with web technologies. Ionic is based on Web Components and comes with many significant performance, usability, and feature improvements over the past versions.

revogrid - Powerful virtual data grid smartsheet with advanced customization

  •    TypeScript

Support Millions of cells and thousands of columns easy and efficiently for fast data rendering. Easy to use. The RevoGrid component helps represent a huge amount of data in a form of data table "excel like" or as list. On top of it it provides inbuilt range edit or per cell edit, keyboard support and custom edit and render features. Works in any major framework or with no framework at all.

vime - Customizable, extensible, accessible and framework agnostic media player

  •    TypeScript

Vime is a customizable, extensible, accessible and framework agnostic media player. The examples below are using web components but there are bindings for React, Vue, Svelte, Stencil and Angular. If you want to see how they look check out our Demo.




ionic-framework - A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript

  •    TypeScript

Ionic Framework is the open-source mobile app development framework that makes it easy to build top quality native and progressive web apps with web technologies. Ionic Framework is based on Web Components and comes with many significant performance, usability, and feature improvements over the past versions.

date-picker - Duet Date Picker is an open source version of Duet Design System’s accessible date picker

  •    TypeScript

Duet Date Picker is an open source version of Duet Design System’s accessible date picker. Duet Date Picker can be implemented and used across any JavaScript framework or no framework at all. We accomplish this by using standardized web platform APIs and Web Components. Why yet another date picker? Our team working on Duet Design System couldn’t find an existing date picker that would’ve ticked all the requirements we had for accessibility (supporting WCAG 2.1 as well as we can), so we decided to build one and open source it so that others could benefit from this work as well.

web-components-todo - A simple todo list built with various Web Components technologies

  •    Javascript

Comparison on how to update DOM, pass attributes/properties and dispatch/listen to events with Web Components

create-stencil - npm init stencil

  •    TypeScript

Note that you will need to use npm 6 or higher. And it will help you test out your changes.


stencil-sass - Sass plugin for Stencil

  •    TypeScript

This package is used to easily precompile Sass files within the Stencil components. During development, this plugin will kick-in for .scss or .sass style urls, and precompile them to CSS.

stencil-mobx

  •    TypeScript

Stencil is a compiler for building fast web apps using Web Components. Stencil combines the best concepts of the most popular frontend frameworks into a compile-time rather than run-time tool. Stencil takes TypeScript, JSX, a tiny virtual DOM layer, efficient one-way data binding, an asynchronous rendering pipeline (similar to React Fiber), and lazy-loading out of the box, and generates 100% standards-based Web Components that run in any browser supporting the Custom Elements v1 spec.

stencil-postcss - Autoprefixer plugin for Stencil

  •    TypeScript

This package is used in order to integrate with postcss and all of its plugins. This plugin requires Node.js 14 or higher. For older Node versions, see the 1.x release.

stencil-ssg - Stencil Static Site Generation Utilities

  •    Javascript

Uses Prism at build-time for code block syntax highlighting. Prism JavaScript is not needed at run-time, however the Prism CSS must be provided by the site.

stencil-store - Store is a lightweight shared state library by the StencilJS core team

  •    TypeScript

Store is a lightweight shared state library by the StencilJS core team. It implements a simple key/value map that efficiently re-renders components when necessary. Create a new store with the given initial state. The type is inferred from initialState, or can be passed as the generic type T.

capacitor-site - Capacitor website

  •    TypeScript

The official Capacitor documentation, built with Stencil. Install the latest versions of Node and npm.

present-ionic-react - An open source presentation on Ionic React for others to use and share

  •    HTML

Deliver a talk or run a meetup using this pre-built presentation covering Ionic React. This deck can be presented locally (npm run start) or hosted online using any static site provider. Ionic recommends Vercel.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.