Displaying 1 to 20 from 342 results

skatejs - SkateJS is a web component library designed to give you an augmentation of the web component specs focusing on a functional rendering pipeline, clean property / attribute semantics and a small footprint

  •    Javascript

At its core, Skate is about creating Custom Elements. Skate provides a series of mixin functions that enable you to control what your component can do.Calling withComponent() gives you a Custom Element class constructor, which you can then extend to define your own elements.

polymer-bundler - Moved to Polymer/tools monorepo

  •    TypeScript

The Polymer/polymer-bundler repo has been migrated to packages/bundler folder of the Polymer/tools ๐Ÿš monorepo. We are actively working on migrating open Issues and PRs to the new repo. New Issues and PRs should be filed at Polymer/tools.




stylable - Stylable - CSS for components

  •    TypeScript

Stylable enables you to write reusable, highly-performant components. Each component exposes a style API that maps its internal parts so you can reuse components across teams without sacrificing stylability. At build time, the preprocessor converts the Stylable CSS into a minimal, flat, static, valid vanilla CSS that works cross-browser.

webcomponentsjs - A suite of polyfills supporting the HTML Web Components specs

  •    HTML

Note. For polyfills that work with the older Custom Elements and Shadow DOM v0 specs, see the v0 branch. Note. For polyfills that include HTML Imports, see the v1 branch.

stencil - A Web Component compiler for building fast, reusable UI components and Progressive Web Apps ๐Ÿ’Ž Built by the Ionic Framework team

  •    TypeScript

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.

Vue

  •    Javascript

Vue component (Vue.js 2.0) or directive (Vue.js 1.0) allowing drag-and-drop and synchronization with view model array.


wired-elements - Collection of elements that appear hand drawn. Great for wireframes.

  •    Javascript

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

Storybook - Build bulletproof UI components faster in React, Vue, Angular, and more.

  •    Typescript

Storybook is a development environment for UI components. It allows you to browse a component library, view the different states of each component, and interactively develop and test components. Storybook runs outside of your app. This allows you to develop UI components in isolation, which can improve component reuse, testability, and development speed. You can build quickly without having to worry about application-specific dependencies.

vime - Customizable, extensible, accessible and framework agnostic media player

  •    TypeScript

Vime is a customizable, extensible, accessible and framework agnostic media player. The examples below are using web components but there are bindings for React, Vue, Svelte, Stencil and Angular. If you want to see how they look check out our Demo.

wired-elements - Collection of custom elements that appear hand drawn

  •    TypeScript

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

lion - Fundamental white label web component features for your design system.

  •    Javascript

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

diffhtml - diffHTML is a library that acts like a framework; helping you create web applications

  •    Javascript

A suite of JavaScript user interface tools built for the web. diffHTML is a library that assists with creating user interfaces using JavaScript. These interfaces can be: applications, games, data visualizations, or anything else that you may want to render in a web browser.

ReactiveElements - Allows to use React.js component as HTML element (web component)

  •    Javascript

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

web-component-tester - Moved to Polymer/tools monorepo

  •    TypeScript

The Polymer/web-component-tester repo has been migrated to packages/web-component-tester folder of the Polymer/tools ๐Ÿš monorepo. We are actively working on migrating open Issues and PRs to the new repo. New Issues and PRs should be filed at Polymer/tools.

Polymer - Build modern apps using web components

  •    Javascript

Polymer is a lightweight library that helps you take full advantage of Web Components. With Web Components, you can create reusable custom elements that interoperate seamlessly with the browser’s built-in elements, or break your app up into right-sized components, making your code cleaner and less expensive to maintain.

polymer-cli - Moved to Polymer/tools monorepo

  •    Javascript

The Polymer/polymer-cli repo has been migrated to packages/cli folder of the Polymer/tools ๐Ÿš monorepo. We are actively working on migrating open Issues and PRs to the new repo. New Issues and PRs should be filed at Polymer/tools.






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.