A Fast & Light Virtual DOM Alternative available for NodeJS and NativeScript too. This project exists thanks to all the people who contribute. [Contribute].
performance virtualdom alternative lightweight template-literals template vanilla js dom manipulation diff literals fast react virtual lit-htmlWired Elements is a series of basic UI Elements that have a hand drawn look. These can be used for wireframes, mockups, or just the fun hand-drawn look. The elements are drawn with enough randomness that no two renderings will be exactly the same - just like two separate hand drawn shapes.
webcomponents lit-element wireframes wireframe web-components lit-html prototyping webcomponent web-component rough sketchy hand-drawnLit is a simple library for building fast, lightweight web components. At Lit's core is a boilerplate-killing component base class that provides reactive state, scoped styles, and a declarative template system that's tiny, fast and expressive.
lit html-templates lit-html lit-elementWired Elements is a series of basic UI Elements that have a hand drawn look. These can be used for wireframes, mockups, or just the fun hand-drawn look. The package (wired-elements) exports all components in the wired category. List of all wired elements can be found here.
webcomponents web-components prototyping wireframe wireframes lit-html lit-element webcomponent web-component rough sketchy hand-drawnThey provide an unopinionated, white-label layer that can be extended to your own layer of components. Note: Our demos may look a little bland but that is on purpose. They only come with functional stylings. This makes sense as the main use case is to extend those components and if you do you do not want to override existing stylings.
web-components modern-web hacktoberfest lion lit-html open-wc🚧 Nutmeg is in active development and it's APIs are still in flux. Nutmeg is here to help you build, test, and publish Web Components in minutes.
webcomponents cli typescript lit-html shadow-dom web-components custom-elements webpack karma shadowdom nutmegAdds syntax highlighting and language support for html inside of JavaScript and TypeScript tagged template strings, such as used in lit-html and other frameworks. ❗Important: IntelliSense and language support requires VS Code 1.20+.
lit-html typescript html templateA skeleton application showing a "modern" web app project based on Web-Components enhanced with Lit-Html for template rendering and using Redux for state with Universal Router for routing and Firebase Firestore for storage. All developed in Typescript and built using Rollup.
web-components firebase rollup typescript redux lit-html universal-router redux-thunk reselect redux-first-routingConnect Redux to vanilla HTMLElement (or LitElement) instances, based on this gist by Kevin Schaaf. Typescript friendly.
redux webcomponents customelements lit-element lit-html high-order-componentAn alternative to bundling your whole app is to bundle and export your apollo-client separately, then import it into your browser-friendly component modules.
apollo graphql web-components custom-elements litelement lit-html🚧 Nutmeg is in active development and it's APIs are still in flux. Nutmeg is here to help you build, test, and publish Web Components in minutes.
webcomponents cli typescript lit-html shadow-dom web-components custom-elements webpack karmaExtension to lit-html that supports a syntax using brackets, similar to Angular's templates. lit-html is awesome but by default it lacks options to set properties or event binding.
lit-htmlConversion tool from JSX or Handlebars to htm (tagged template literal)
htm handlebars jsx lit-htmlNotice: You will need to use Node version 6.0 or higher. Verify that you have yarn enabled — if not install yarn globally. These web components are written in ES6 and build routines compile to es5 to encompass more browsers.
monorepo yarn webcomponents hax haxcms polymer litelement htmlelement yeoman-generator custom-elements web-components lit-element skate-js slim-js twig lit-html vanillajsThis demonstrates a basic shopping cart built using Web Components. It also has State Management, Routing, CSS-in-JS and does not require a build step. Can also be used without a build step. Checkout the gh-pages branch.
css-in-js hooks web-components context-api routing parceljs lit-html haunted gooberWeb Components implementation of the Amber Design System. This repository is aimed mainly to developers and contributors, for the proper documentation & styleguide please refer to https://amber.bitrock.it.
amber design-system bitrock components web-components lit-html library typescript storybookvscode-lit-plugin VS Code plugin that adds syntax highlighting, type checking and code completion for lit-html. ts-lit-plugin Typescript plugin that adds type checking and code completion to lit-html templates.
lit-html lit lit-element typescript web-components web components tagged templateThis project has been deprecated in favor of the open-wc starter app.
lit-html polymer litelement redux webpack starterLitElement is currently in development. As long as LitElement is, so is create-lit-app. This repo will be kept up to date with the latest version of LitElement, but there are things that haven't been finalized yet and you can expect some changes. You don’t need to install or configure tools like Webpack or Babel. They are preconfigured so that you can focus on the code.
lit-html litelement redux webpack starter polymerAn introduction to writing raw web components.
webcomponents web-components vanilla-javascript lit-html litelement
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.