Displaying 1 to 18 from 18 results

ionicons - The premium icon font for Ionic

  •    HTML

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.

auto-check-element - An input element that validates its value with a server endpoint.

  •    Javascript

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.




remount - Mount React components to the DOM using custom elements

  •    Javascript

Use your React components anywhere in your HTML as web components (custom elements). Remount is available through the npm package repository.

markdown-toolbar-element - Markdown formatting buttons for text inputs.

  •    Javascript

Markdown formatting buttons for text inputs. Browsers without native custom element support require a polyfill.

nanocomponent-adapters - 🔌 - Convert a nanocomponent to a component for your favourite API or library (web components, (p)react, angular)

  •    Javascript

Adapters 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.

templating - An extensible HTML templating engine supporting databinding, custom elements, attached behaviors and more

  •    Javascript

This 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.


gif-player - Control your animated GIFs

  •    Javascript

WebComponent to control Animated GIF playback and access individual frames. Move your mouse over the images ...

image-crop-element - A custom element for cropping a square image. Returns x, y, width, and height.

  •    Javascript

This 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.

lazy-image - Lazily load your images!

  •    HTML

The 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.

midi-visualizer - A midi visualizer web component

  •    Javascript

This 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.

hy-drawer - A touch-enabled drawer component for the modern web.

  •    Javascript

hy-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.

hy-push-state - Turn static web sites into dynamic web apps.

  •    Javascript

hy-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.

smart-core - Smart HTML Elements Core Scripts

  •    CSS

This 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.

smart-custom-element - Smart a lightweight web component library that provides capabilities for web components, such as data binding, using es6 native class inheritance

  •    Javascript

JavaScript 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.

web-monetized-video - experimenting with web monetisation API

  •    Javascript

<web-monetized-video> is a packaged javascript module. This will register the custom elements with the browser so they can be used as HTML.

micro-panel - Admin panel for micropub and microformats2

  •    Javascript

micro-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.






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.