Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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 1 month 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 (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-06-06T19:38:21.000Z (5 months ago)
- Last Synced: 2024-09-26T17:21:29.905Z (about 1 month 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.94 MB
- Stars: 29
- Watchers: 4
- Forks: 2
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
- awesome-stenciljs - AnywhereUI
- awesome-web-components - AnywhereUI - Collection of rich web components that includes framework bindings. Created with StencilJS. (Real World / Component Libraries)
README
# AnywhereUI
[](https://opensource.org/licenses/MIT)
[](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) | [](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) | [](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) | [](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) | [](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:
```bash
npm install
```
Start project:
```bash
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
```