Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/Alexintosh/awesome-stencil

😎 A curated list of amazingly awesome stencil components, resources and solutions.
https://github.com/Alexintosh/awesome-stencil

List: awesome-stencil

Last synced: 3 months ago
JSON representation

😎 A curated list of amazingly awesome stencil components, resources and solutions.

Awesome Lists containing this project

README

        

# Awesome Stencil [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)]

> A curated list of awesome Stencil components, resources and solutions.

Are you looking for ionic 1 resouces? [Click here](https://github.com/Alexintosh/Awesome-Ionic/blob/master/IONIC1.md)

Are you looking for ionic 2/3 resouces? [Click here](https://github.com/Alexintosh/Awesome-Ionic/)

General
======
* [Official Website](https://stenciljs.com/)
* [Github Repository](https://github.com/ionic-team/stencil)
* [YouTube Presentation](https://youtu.be/UfD-k7aHkQE)

### Components

* [Stencil Payment](https://github.com/Fdom92/stencil-payment#): A Web Component which allows any web app to use the Payment Request API
* [Web Share](https://github.com/jgw96/web-share): WC that makes it super easy to use the [web share api](https://developers.google.com/web/updates/2016/09/navigator-share).
* [ST Image](https://github.com/jgw96/st-img): WC to Lazy Load Images as user scrolls them into the view port.
* [ST Muse](https://github.com/gilf/st-muse): WC to that connects into [Muse](http://www.choosemuse.com/) device using [muse.js](https://github.com/urish/muse-js).
* [FWT Slider](https://github.com/seveves/angular-stencil): Slider Stencil Component demonstrated to work with Angular or any other framework
* [ST Fetch](https://github.com/Fdom92/stencil-fetch): WC To make a Fetch API call to the backend.
* [Video Player](https://github.com/CookieCookson/stencil-video-player): WC for rendering an ioperable video player with controls and full screen mode too.
* [Stencil Components](https://github.com/CodeDimension/stencil-components): Web UI components built on top of StencilJS
* [Stencil Mobx](https://github.com/aaronksaunders/stencil-mobx): Manage states with Mobx on stencil components (unstable release)
* [Cryptocurrency Data](https://github.com/OnnoGeorg/cryptocurrency-data): Web Component to display list of prices of popular Crypto Currencies

Tutorials
======

* [Stencil with AngularJS(v1)](https://medium.com/@vivainio/using-stenciljs-components-in-angular-1-application-2f09287c151) * Using Stencil Component with AngularJS v1.
Please feel free to add any component to this list by raising a PR.
* [Faster Web Apps Using Stencil](http://warebo.com/faster-web-apps-using-stencil-mnsjL-WYzKQ) - An article with a small video explaining how you can develop faster web apps using StencilJS.
- [How I built Smile to Unlock](https://codecraft.tv/blog/2017/10/10/smile-to-unlock-webcomponent-stenciljs/)- How Asim built SmileToUnlock using StencilJS components.

Tools
======

* [VSCode Stencil Snippets](https://github.com/Fdom92/stencil-snippets) - Stencil Snippets

Are you Italian?
======

**Join** the italian [Ionic Framework community](https://www.facebook.com/groups/380772785422827/)!
![](ionicitalia.jpg)

## How can I support the developer?
- Star the GitHub repo :star:
- Create pull requests, submit bugs, suggest new features or documentation updates :wrench:
- Follow me on [Twitter](https://twitter.com/alexintosh) :feet:
- Donate NEO/GAS at `ARTPi8cJaBQbLxJPTa5wn5RrVZFhC7BwsM` 🙏

## Can I hire you?
Yes! Ping me on [Twitter](https://twitter.com/alexintosh) or get in touch by [mail](mailto:[email protected])
I will be happy to work with you!