https://github.com/adaleks/anywhere-ui

AnywhereUI is a collection of rich web components that includes framework bindings, created with StencilJS
https://github.com/adaleks/anywhere-ui

angular anywhere awesome components custom-element custom-elements javascript popular react shadow-dom stencil-js stenciljs stenciljs-components typescript ui ui-components vue web-component web-components web-components-library

Last synced: about 2 months ago
JSON representation

AnywhereUI is a collection of rich web components that includes framework bindings, created with StencilJS

• Host: GitHub
• URL: https://github.com/adaleks/anywhere-ui
• Owner: adaleks
• License: mit
• Created: 2021-10-15T18:03:28.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-02-12T22:26:50.000Z (5 months ago)
• Last Synced: 2024-04-13T18:06:34.993Z (3 months ago)
• Topics: angular, anywhere, awesome, components, custom-element, custom-elements, javascript, popular, react, shadow-dom, stencil-js, stenciljs, stenciljs-components, typescript, ui, ui-components, vue, web-component, web-components, web-components-library
• Language: TypeScript
• Homepage: https://adaleks.github.io/anywhere-ui-showcase-production
• Size: 4.67 MB
• Stars: 24
• Watchers: 3
• Forks: 1
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Lists

• awesome-web-components - AnywhereUI - Collection of rich web components that includes framework bindings. Created with StencilJS. (Real World / Component Libraries)
• awesome-stenciljs - AnywhereUI
• awesome-webcomponents - AnywhereUI

README

        
# AnywhereUI

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

[![npm downloads](https://img.shields.io/npm/dm/@anywhere-ui/core.svg)](https://www.npmjs.com/package/@anywhere-ui/core)



  



Rich web components, includes framework bindings.

AnywhereUI is based on [Web Components](https://www.webcomponents.org/introduction) and comes with many significant performance, usability, and feature improvements over the past versions.

Visit the [AnywhereUI Website](https://adaleks.github.io/anywhere-ui-showcase-production) for general information, demos and documentation.

### Packages

| Project | Package | Version | Links |

| ------- | ------- | ------- |:-----:|

| **Core** | [`@anywhere-ui/core`](https://www.npmjs.com/package/@anywhere-ui/core) | [![version](https://img.shields.io/npm/v/@anywhere-ui/core/latest.svg)](https://www.npmjs.com/package/@anywhere-ui/core) | [`README.md`](packages/core/README.md) |

| **Angular** | [`@anywhere-ui/angular`](https://www.npmjs.com/package/@anywhere-ui/angular) |[![version](https://img.shields.io/npm/v/@anywhere-ui/angular/latest.svg)](https://www.npmjs.com/package/@anywhere-ui/angular) | [`README.md`](packages/angular/README.md) |

| **Vue** | [`@anywhere-ui/vue`](https://www.npmjs.com/package/@anywhere-ui/vue) | [![version](https://img.shields.io/npm/v/@anywhere-ui/vue/latest.svg)](https://www.npmjs.com/package/@anywhere-ui/vue) | [`README.md`](packages/vue/README.md) |

| **React** | [`@anywhere-ui/react`](https://www.npmjs.com/package/@anywhere-ui/react) | [![version](https://img.shields.io/npm/v/@anywhere-ui/react/latest.svg)](https://www.npmjs.com/package/@anywhere-ui/react) | [`README.md`](packages/react/README.md) |

## Getting Started

To start building a new AnywhereUI web component using Stencil, fork this repo and clone to a new directory.

Navigate into the project directory:

```bash

cd anywhere-ui

```

Install dependencies and start project:

```bash

npm run install-all

npm start

```

To build the component for production, run:

```bash

npm run build

```

To run the unit tests for the components, run:

```bash

npm test

```