All Projects → fernandopasik → hello-web-components

fernandopasik / hello-web-components

Licence: MIT license
A simple starter <hello-world /> web component written in typescript, using lit-html and lit-element. Unit tested with jest and e2e tested with puppeteer and jest-puppeteer.

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language
shell
77523 projects

Projects that are alternatives of or similar to hello-web-components

Wired Elements
Collection of custom elements that appear hand drawn. Great for wireframes or a fun look.
Stars: ✭ 8,848 (+58886.67%)
Mutual labels:  web-components, lit-html, lit-element
bui
‹b› Web components for creating applications – built by Blackstone Publishing using lit-html and lit-element
Stars: ✭ 29 (+93.33%)
Mutual labels:  web-components, lit-html, lit-element
pharos
JSTOR's design system
Stars: ✭ 48 (+220%)
Mutual labels:  web-components, lit-html, lit-element
pwa-lit-template
A template for building Progressive Web Applications using Lit and Vaadin Router.
Stars: ✭ 159 (+960%)
Mutual labels:  web-components, lit-html, lit-element
lit-components
Moved to https://github.com/vaadin/component-mixins
Stars: ✭ 59 (+293.33%)
Mutual labels:  web-components, lit-html, lit-element
highcharts-webcomponent
Highcharts Web Component usable with any Framework
Stars: ✭ 21 (+40%)
Mutual labels:  lit-html, lit-element
polymerx-cli
⚡ Unlock the power of Polymer 3, Web Components and modern web tools.
Stars: ✭ 30 (+100%)
Mutual labels:  lit-html, lit-element
byu-theme-components
Web Components implementing the BYU web theme.
Stars: ✭ 21 (+40%)
Mutual labels:  web-components, lit-element
Open Wc
Open Web Components: guides, tools and libraries for developing web components.
Stars: ✭ 1,670 (+11033.33%)
Mutual labels:  web-components, lit-element
pattern-library
AXA CH UI component library. Please share, comment, create issues and work with us!
Stars: ✭ 103 (+586.67%)
Mutual labels:  lit-html, lit-element
wc-context
Context for Web Components
Stars: ✭ 26 (+73.33%)
Mutual labels:  web-components, lit-element
lit
Lit is a simple library for building fast, lightweight web components.
Stars: ✭ 12,406 (+82606.67%)
Mutual labels:  lit-html, lit-element
redux-connect-element
Redux HTMLElement Connector
Stars: ✭ 16 (+6.67%)
Mutual labels:  lit-html, lit-element
create-evergreen-app
Get up and running with an evergreen web application development stack designed by, and for, today's modern web.
Stars: ✭ 16 (+6.67%)
Mutual labels:  lit-html, lit-element
Haunted
React's Hooks API implemented for web components 👻
Stars: ✭ 2,197 (+14546.67%)
Mutual labels:  web-components, lit-html
rollup-plugin-lit-css
Moved to https://github.com/bennypowers/lit-css
Stars: ✭ 35 (+133.33%)
Mutual labels:  lit-html, lit-element
lit-state
Simple shared app state management for LitElement.
Stars: ✭ 93 (+520%)
Mutual labels:  lit-html, lit-element
inclusive-elements
Accessible, lightweight, unstyled implementations of common UI controls.
Stars: ✭ 17 (+13.33%)
Mutual labels:  web-components
sdl-hello-world
Draw "hello world" on the screen of the Nintendo Switch
Stars: ✭ 36 (+140%)
Mutual labels:  hello-world
nuxeo-elements
Nuxeo web components
Stars: ✭ 23 (+53.33%)
Mutual labels:  web-components

hello-web-components

A simple starter <hello-world /> web component written in typescript, using lit. Unit tested with jest and e2e tested with puppeteer and jest-puppeteer.

Gzip Bundle Size Build Status Coverage Status Known Vulnerabilities

npm version npm downloads

Usage

Clone the repository and modify it to your needs

git clone --depth 1 https://github.com/fernandopasik/hello-web-components.git

Install the package in your project and import the component

npm i hello-web-components lit
import { html, render } from 'lit';
import 'hello-web-components';

const test = () => html`<hello-world who="web components"></hello-world>`;

render(test(), document.body);

License

MIT (c) 2020 Fernando Pasik

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].