Ionicons is a completely open-source icon set with 700+ icons crafted for web, iOS, Android, and desktop apps. Ionicons was built for Ionic Framework, so icons have both Material Design and iOS versions. When used with Ionic, the ion-icon component will automatically use the correct version based on your platform. Additionally, when used outside of Ionic, both ios and md platforms can be chosen by the application. Note: All brand icons are trademarks of their respective owners. The use of these trademarks does not indicate endorsement of the trademark holder by Drifty, nor vice versa.
ionicons ionic icon svg font mobile web-component component custom-elementCreate 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 componentAn 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 inputCreate 3D CSS+WebGL apps declaratively with HTML. Infamous gives you general-purpose Custom HTML Elements that the browser understands, for defining 2D or 3D scenes rendered with CSS3D, WebGL, or both mixed together.
graphics graphics-engine graphics-programming three-d three-dimensions scene custom-elements ui threejs dom-webgl write-3d-scenes webgl css3d html 3d 3d-graphics 3d-models 3d-engine web-components infamous gui graphical-user-interface interface interface-library user-interface widgets ui-widgets components interface-components ui-components app-components layout rendertree render-tree scenegraph scene-graph browser-interface interactive interaction animation 3d-animation browser clientside client-side html5 touch touch-interface responsive mobile famous famo.us web web-development webdev three.js three-js customelements custom-element customelement webvr webxr webcomponents webcomponent web-componentUse your React components anywhere in your HTML as web components (custom elements). Remount is available through the npm package repository.
react web-components custom-elements shadow-dom onmount custom-element mount web-componentMarkdown formatting buttons for text inputs. Browsers without native custom element support require a polyfill.
web-components custom-elements markdown custom-elementAdapters to make nanocomponent run natively inside frameworks. This allows you to write highly performant components once, and reuse them between all frameworks. See nanocomponent-adapters-angularjs.
choo universal webcomponents nanocomponent react preact elm custom-element webcomponent custom-elementsThis library is part of the Aurelia platform and contains an extensible HTML templating engine supporting databinding, custom elements, attached behaviors and more. To keep up to date on Aurelia, please visit and subscribe to the official blog and our email list. We also invite you to follow us on twitter. If you have questions look around our Discourse forums, chat in our community on Gitter or use stack overflow. Documentation can be found in our developer hub. If you would like to have deeper insight into our development process, please install the ZenHub Chrome or Firefox Extension and visit any of our repository's boards.
aurelia templating html custom-element databindingWebComponent to control Animated GIF playback and access individual frames. Move your mouse over the images ...
gif gif-animation webcomponent custom-elementThis loads an image and creates a crop area that user can modify. An event is fired with x, y, width, and height as the crop area changes. Polyfills for Custom Elements, and Reflect.construct are required. See polyfill.html.
image-cropper image-crop custom-elements webcomponents crop image custom-elementThe optional placeholder could be any element. Inline SVG, Pure CSS graphics, or an <img src="data:foo"/> would work best. You should give your <lazy-image> elements some specific dimensions, since it absolutely positions its shadow children. In most cases, you should set the wrapping element as well as the --lazy-image- custom properties to the known display dimensions of your image.
custom-element lazy-loading performanceThis is a web component that shows a visualization for a midi file, and can play audio while updating the visualization. The audio playing works best with Piano midi files at the moment, but some multi-instrument midi files will work too.
custom-element web-component midi visualizerhy-drawer is a touch-enabled drawer component for the modern web. It focuses on providing a fun, natural feel in both the Android and iOS stock browser, while being performant and easy to use. It is the perfect companion for mobile-first web pages and progressive web apps. hy-drawer is used by hundreds of sites as part of the Hydejack{:.external} Jekyll theme.
drawer touch-events swipe-gestures webcomponent rxjs hydejack jquery-plugin vanilla-js drawer-layout custom-element vanilla web-components ui-component reactive menu menu-navigationhy-push-state is a web component that lets you turn web pages into web apps. The component dynamically loads new content (formerly known as "ajax") and inserts it into the current page, without causing Flash of White, Flash of Unstyled Content, etc. hy-push-state is similar to pjax and smoothState, but offers a more advanced pre-fetching logic and gives you more control over its internals to enable advanced page transition animations.
page-transitions ajax pjax smoothstate hydejack vanilla animations rxjs vanilla-js custom-element jquery-plugin history-api web-components webcomponent history-management prefetch page-loader prefetcher reactiveThis repo contains only the scripts required to run applications using Smart HTML Elements. Smart HTML Elements represents a framework based on Javascript, HTML and CSS for building web-based applications that run on PC, Touch and Mobile devices. Smart HTML Elements includes more than 30 UI components. All components are designed from ground-up and based on a powerful common core. The framework core provides fundamental capabilities like support for HTML Element extensions and inheritance, HTML Templates , Data Binding, Event handling and routing, property change notifications, device and browser compatibility detection and adjustments.
customelements baseelement webcomponents html css tabs calendar-web-component listbox-web-component tabs-web-component web-components custom-elements table-web-component custom element custom-element html-elements custom-elements-framework ui-components calendar button datepicker accordion checkbox radio-button user-interface-components tabstrip input autocomplete frontend-framework front-end user-interface ui-toolkit bootstrap bootstrap-table bootstrap-web-components list-web-component bootstrap-select bootstrap-calendar material-design material-datepicker material-calendarJavaScript library that wraps the W3C standard Web Components family of APIs to provide a compact, feature-rich interface for Custom Elements development. Smart Custom Element provides a set of useful API, Data Binding, Templates, Device Agnostic Event Handling, Resize handling, Style Change Notifications, Property and Attribute Change Notifications, Property Value and Type validation, Localization, Lifecycle callback functions and much more. Our framework allows you to easily build Custom HTML Elements. Custom Elements are the web platform's native solution for component-based development. With Custom Elements, you get reusable HTML tags that can be used just like the browser’s built-in native html elements, or break your app up into small pieces, making your code cleaner and easier to maintain.
polyfill webcomponents dom event-listener javascript-framework web-components html-element html-tags htmlelements html-structure lifetime customelements custom-element custom-elements-v1 lifecycle-callbacks eventtype custoom-elements webcomponents-framework custom-elements-development attributename custom element html-elements custom-elements smart-custom-element custom-elements-framework html-templates shadow-dom event-handling data-binding property-change-notifications localization agnostic-events-handling declarative-data-binding user-interface-components<web-monetized-video> is a packaged javascript module. This will register the custom elements with the browser so they can be used as HTML.
pay video webcomponents register webmonetization web-monetization player web-component custom-elementmicro-panel is a set of Web Components made with Lit that provide an interface for editing posts on your website using the Micropub protocol from the IndieWeb. First of all, put the bundled script somewhere on your server.
micropub indieweb microformats content-management lit-element webcomponent web-components custom-element
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.