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-frameworkAt 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.
web-components reactiveui components custom dom elements web vdom virtualBe Cool with Vue@^2.3.0 and WeUI. vux2 template is directly modified from Vue official webpack template.
vux weui vue vue-components components web-app wechat mobile-web vue2 vue-ui web-components component mobile-ui framework frontendThe 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.
web-components polymerStylable 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.
css components style theme design-system preprocessor web-componentsNote. 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.
webcomponents web-components polyfill shimStencil 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 webappVue component (Vue.js 2.0) or directive (Vue.js 1.0) allowing drag-and-drop and synchronization with view model array.
vue vuejs drag and drop list sortable.js web-componentsA web component for drawing patterns with CSS.
css patterns doodle web-component css-doodle web-componentsWired 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.
webcomponents lit-element wireframes wireframe web-components lit-html prototyping webcomponent web-component rough sketchy hand-drawnไธไธช็จไบๅฟซ้ๅผๅไบงๅ็็ฎๆดใไผ้ ใ้ซๆ็ Vue ็ปไปถๅบ
radon-ui vue vue-ui vue-components web-components component components framework frontendVime 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.
react audio player youtube vimeo angular video html5 vue hls web-components media svelte embed dash dailymotion stenciljs vime customWired 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.
webcomponents web-components prototyping wireframe wireframes lit-html lit-element webcomponent web-component rough sketchy hand-drawnThey 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.
web-components modern-web hacktoberfest lion lit-html open-wcStorybook 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.
react testing ember html components documentation styleguide design-systems angular typescript ui react-native webpack vue polymer web-components svelte ui-components mock mock-testing unit-testing ui-designA 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.
virtual-dom diffhtml components dom-components web-components user-interfacesOriginal 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-elementsThe 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 web-components testing browser grunt gruntplugin gulp test web-component webPolymer 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.
front-end-framework javascript-framework ui-framework user-interface ux-design ux web-componentsThe 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.
polymer 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.