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.
webcomponents pwa progressive-web-app custom-elements typescript stencil stenciljs ionic web-components components webappIonic 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.
ionic mobile framework angular frontend pwa typescript web stencil stenciljs capacitorIonic 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.
react ios angular mobile framework typescript web ionic pwa vue material-design webcomponents frontend stencil capacitor stenciljsSupport 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.
export vuejs typescript reactive grid excel filter data-grid virtual-scroll datagrid vuejs-components react-virtualized webcomponent stenciljs virtual-grid vuegrid revo-grid excel-grid infinity-grid vuejs-grid revolist storybook virtualgrid virtual vue react react-grid vue-grid vue-datagrid fast-grid editable filteringVime 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.
react audio player youtube vimeo angular video html5 vue hls web-components media svelte embed dash dailymotion stenciljs vime customDuet 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-component accessibility datepicker javascript-library date-picker datepicker-component calendar-component calendar-widget webcomponent stenciljs stencil-jsDeckDeckGo aims to be the open source web editor for presentations. It enables anyone with any type of devices (desktop, mobile or tablets) to easily create, present and share presentations for free. Create quickly simple PWA presentations using rich Templates. Interact with a remote control and live polls for your audience. You can present and work offline. YouTube videos can be easily integrated.
editor pwa webcomponents progressive-web-app stencil slides wysiwyg presentations rich-text-editor documents pwa-apps motoko stenciljs internet-computerElsa is a visual programming tool that allows you to implement parts or all of your application with workflows. Elsa Designer is a standalone client-side web component that you can embed in your own application. Out of the box, the designer registers a default set of activities that are provided from a set of plugins. To add custom activities, you need to define them as part of a custom plugin.
workflow workflow-designer web-component stenciljsComparison on how to update DOM, pass attributes/properties and dispatch/listen to events with Web Components
web-components stenciljs polymerNote that you will need to use npm 6 or higher. And it will help you test out your changes.
stenciljs stencil ionic pwa web-components create-app cli progress-web-appWeb Component built with Stencil.js to integrate Phaser with any other framework. The CUSTOM_ELEMENTS_SCHEMA needs to be included in any module that uses IonPhaser.
phaser phaserjs phaser3 phaser-framework stenciljs stenciljs-components stencil-components stencil-js custom-elements custom-components react react-component web-component web-components angular vue vuejs custom-component ionic ionic-framework framework app vanillajs webcomponentApp boilerplate for Stencil applications. There is a live demo available HERE.
stencil stenciljs stencil-router stencil-redux stencil-router-redux typescript tslint stylelint redux jest boilerplate redux-form stencil-boilerplate nginx material redux-router postcss cssnext progressive-web-app pwaStencil 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-js stenciljs ionic-framework mobxThis 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.
postcss stencil autoprefixer postcss-plugins stenciljs autoprefixer-pluginUses 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.
static-site-generator stencil static-site ssg stenciljs static-site-generationStore 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.
map key-value stencil dictionary management state global stenciljs redux tunnel hooksThe official Capacitor documentation, built with Stencil. Install the latest versions of Node and npm.
ionic cross-platform stencil capacitor stenciljs capacitor-pluginMinimalistic dropdown webcomponent. After long search we couldn't find any cross platform and had to build our own inspired by the latest trends. Need help? Check out docs here.
react autocomplete angular vue js dropdown filterable webcomponent dropdownlist stenciljs dropdownpopup revo-grid revolist datagrid revogrid reactive virtualgrid virtual-vue-grid react-datagrid editable excel jsdropdownDeliver 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.
react ionic ionic-framework capacitor stencil stenciljs web-components pwa progressive-web-app presentation slides slideshow talk
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.