A React-like user interface micro-library
webcomponents minimal framework client-side view customtags lite elegant simple custom-tags custom-elements web-components virtual-dom shadow-dom polymer react jsx minimalist declarative templating template data-binding mvc model controller riotjs riot.js javascript-frameworkTrix is a WYSIWYG editor for writing messages, comments, articles, and lists—the simple documents most web apps are made of. It features a sophisticated document model, support for embedded attachments, and outputs terse and consistent HTML.
rich-text-editor wysiwyg-editor wysiwyg coffeescript custom-elements rich-text editor html-editorStencil 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 webappOriginal children of a custom element is injected to component as this.props.children. In this case this.props.children is equal to "Hello world".
reactjs webcomponents react web-components custom-elementsβ οΈ For the built version all name exports are available on the hybrids global namespace.
custom-elements shadow-dom webcomponents web-components pwaMaple is a seamless module that allows you to organise your React project in terms of webcomponents — with HTML Imports, Shadow DOM, and Custom Elements — allowing you to implement any Flux architecture you choose, and then compile with Mapleify for production.π Install all dependencies and start server using npm start.
webcomponents web-components react react.js custom-elements shadow-boundary shadow-dom html-importsA collection of awesome Polymer resources.
polymer webcomponents awesome-list custom-elements awesome list shadowdom polymer-resources polymer-element polymer-appsA demo is available, which shows implementation efforts for a number of fairly simple elements, and outlines the missing platform features each of them highlights. Even these simple elements have highlighted one major area of missing functionality in custom elements, which has been written up in the document "Gap Analysis: Accessibility". One of the axioms of the extensible web project is that high-level, declarative APIs should be able to be explained in terms of lower-level, imperative APIs. Not just lower-level algorithms, but APIs: the capabilities that we encapsulate inside a given HTML element should also be exposed directly to JavaScript authors. And those APIs should be factored into small, composable pieces, that build on each other to eventually produce the declarative edifice that is HTML. In this way, authors can reuse these platform capabilities without jumping through hoops (like instantiating a HTMLAnchorElement just to parse a URL) or rebuilding large parts of the platform for themselves (like creating their own scrolling logic just to get pull-to-refresh behavior).
html custom-elements web-componentsHTML forms on performance-enhancing drugs. Note: Ajax-form is not tied to Polymer. In fact, it has no dependencies at all, but should work just fine with Polymer or any other custom elements library. If you prefer to use a simple custom elements polyfill, ajax-form is also your best choice.
ajax-form html-form html web-components ajax custom-elements polymer formA polyfill for the custom elements v1 spec. API which might trigger custom element reactions in the DOM and HTML specifications are marked with the CEReactions extended attribute.
custom-elements customelements web-components webcomponents polyfill shimElix is a community-driven collection of high-quality web components for common user interface patterns. Most applications make use of common, general-purpose user interface patterns such lists, menus, dialogs, carousels, and so on. Such patterns can be efficiently implemented and packaged as web components. Their modular nature lets you easily incorporate web components into your web application, and their standard definition ensures good results across browsers.
webcomponents web-components user-interface calendar combo-box custom-elements carousel dialog drawer dropdown list-box menu overlay popup pull-to-refresh slideshow tabs toastCreate framework agnostic components that are truly reusable and interoperable with all the benefits of the React ecosystem – using the HTML5 custom elements API to extend HTML's vocabulary.
react reactjs webcomponents components custom-elements standalone web-components custom-element custom html5 register-element custom-element-api componentSwitzerland takes a functional approach to Web Components by applying middleware to your components. Supports Redux, mobx, attribute mutations, CSS variables, React-esque setState/state, etc… out-of-the-box, along with Shadow DOM for style encapsulation and Custom Elements for interoperability.
webcomponents virtual-dom shadow-dom functional immutable css-variables custom-elements web-components componentsregister a custom element with Vue.js.
vue custom-elementsAn input element that validates its value against a server endpoint. Provide a URL and a CSRF token and the autocheck component will show validation confirmations and validation errors.
web-components custom-elements custom-element web-component auto-check inputAuto-complete input values from server search results. Distributed under the MIT license. See LICENSE for details.
web-components custom-elements auto-completeA modal dialog that's opened with a <details> button. Distributed under the MIT license. See LICENSE for details.
web-components custom-elements dialog detailsRuby on Rails lacks a recommended way to structure your frontend code in large project for many years. Tao on Rails is the framework to fill the gap which will modularize your page with the new Custom Elements v1 API. See tao.zhiren.com for tutorials and API reference.
rails custom-elements front-end tao custome-elementsCopy element text content or input values to the clipboard. After copying to the clipboard, a copy event is dispatched that can be used to notify the user with confirmation, like a tooltip or button highlight.
web-components custom-elements clipboardCustom element that upgrades table to a chart
chart custom-elements custom element web-components
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.