We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.
riot - Simple and elegant component-based UI library
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 - A rich text editor for everyday writing
Trix 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 - A Web Component compiler for building fast, reusable UI components and Progressive Web Apps ๐ Built by the Ionic Framework team
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 webappReactiveElements - Allows to use React.js component as HTML element (web component)
Original 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-elementshybrids - ๐ UI library for creating Web Components with simple and functional API
โ ๏ธ For the built version all name exports are available on the hybrids global namespace.
custom-elements shadow-dom webcomponents web-components pwadark-mode-toggle - A custom element that allows you to easily put a Dark Mode ๐ toggle or switch on your site:
A custom element that allows you to easily put a Dark Mode ๐ toggle or switch on your site, so you can initially adhere to your users' preferences according to prefers-color-scheme, but also allow them to (optionally permanently) override their system setting for just your site. ๐ Read all(!) about dark mode in the related article Hello Darkness, My Old Friend.
dark-theme web-components custom-elements dark-mode media-queries custom-elements-v1 dark-theme-switcher prefers-color-scheme dark-mode-switcher dark-mode-toggle dark-theme-toggle supported-color dark modeMaple
Maple 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-importsawesome-polymer - A collection of awesome Polymer resources.
A collection of awesome Polymer resources.
polymer webcomponents awesome-list custom-elements awesome list shadowdom polymer-resources polymer-element polymer-appshtml-as-custom-elements - HTML as Custom Elements
A 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-componentsajax-form - HTML forms on performance-enhancing drugs
HTML 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 formcustom-elements - A polyfill for HTML Custom Elements v1
A 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 - High-quality, customizable web components for common user interface patterns
Elix 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 toastStandalone - Create 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
Create 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 - ๐จ๐ญ Switzerland takes a functional approach to Web Components by applying middleware to your components
Switzerland 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 componentsvue-element - register a custom element with Vue.js.
register a custom element with Vue.js.
vue custom-elementsauto-check-element - An input element that validates its value with a server endpoint.
An 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-element - Auto-complete input values from server search results.
Auto-complete input values from server search results. Distributed under the MIT license. See LICENSE for details.
web-components custom-elements auto-completedetails-dialog-element - A modal dialog that's opened with a <details> button.
A modal dialog that's opened with a <details> button. Distributed under the MIT license. See LICENSE for details.
web-components custom-elements dialog detailstao_on_rails - The Missing Front-end Framework for Rails Project
Ruby 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-elementsclipboard-copy-element - Copy element text content or input values to the clipboard.
Copy 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 clipboard
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.
