Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/Webmarkets/wm-web-components

components web-components webcomponents

Last synced: 3 months ago
JSON representation

Host: GitHub
URL: https://github.com/Webmarkets/wm-web-components
Owner: Webmarkets
License: mit
Created: 2021-07-13T20:24:30.000Z (over 3 years ago)
Default Branch: main
Last Pushed: 2024-07-12T21:25:10.000Z (4 months ago)
Last Synced: 2024-07-14T10:16:09.456Z (4 months ago)
Topics: components, web-components, webcomponents
Language: TypeScript
Homepage: https://webmarkets-web-components.web.app/
Size: 8.99 MB
Stars: 1
Watchers: 1
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

awesome-lit - Webmarkets web components - Set of Webmarkets' public web components. (Component Libraries)
awesome-web-components - Webmarkets web components - Set of Webmarkets' public web components. (Real World / Component Libraries)

README

        # webmarkets web components

This is the repository for webmarkets' public web components we use across our various projects (internal and client).

To be clear these are components ready for use in production; however, this repo and its corresponding docs are a work in progress. We will help answer questions that arise as best we can but all components are provided as is.

[Web Component Demos](https://webmarkets-web-components.web.app/)

## Components

| Component     | NPM Version | Skypack Script

| --------------| ----------- | ------------

| [``](https://github.com/Webmarkets/wm-web-components/tree/main/packages/wm-background-video) | [![Published on npm](https://img.shields.io/npm/v/@webmarkets/wm-background-video.svg)](https://www.npmjs.com/package/@webmarkets/wm-background-video) | `import "https://cdn.skypack.dev/@webmarkets/wm-background-video";`

| [``](https://github.com/Webmarkets/wm-web-components/tree/main/packages/wm-form) | [![Published on npm](https://img.shields.io/npm/v/@webmarkets/wm-form.svg)](https://www.npmjs.com/package/@webmarkets/wm-form) | `import "https://cdn.skypack.dev/@webmarkets/wm-form";`

| [``](https://github.com/Webmarkets/wm-web-components/tree/main/packages/wm-google-map) | [![Published on npm](https://img.shields.io/npm/v/@webmarkets/wm-google-map.svg)](https://www.npmjs.com/package/@webmarkets/wm-google-map) | `import "https://cdn.skypack.dev/@webmarkets/wm-google-map";`

| [``](https://github.com/Webmarkets/wm-web-components/tree/main/packages/wm-idid-badge) | [![Published on npm](https://img.shields.io/npm/v/@webmarkets/wm-idid-badge.svg)](https://www.npmjs.com/package/@webmarkets/wm-idid-badge) | `import "https://cdn.skypack.dev/@webmarkets/wm-idid-badge";`

| [``](https://github.com/Webmarkets/wm-web-components/tree/main/packages/wm-mailchimp-form) | [![Published on npm](https://img.shields.io/npm/v/@webmarkets/wm-mailchimp-form.svg)](https://www.npmjs.com/package/@webmarkets/wm-mailchimp-form) | `import "https://cdn.skypack.dev/@webmarkets/wm-mailchimp-form";`

| [``](https://github.com/Webmarkets/wm-web-components/tree/main/packages/wm-modal) | [![Published on npm](https://img.shields.io/npm/v/@webmarkets/wm-modal.svg)](https://www.npmjs.com/package/@webmarkets/wm-modal) | `import "https://cdn.skypack.dev/@webmarkets/wm-modal";`

| [``](https://github.com/Webmarkets/wm-web-components/tree/main/packages/wm-responsive-navbar) | [![Published on npm](https://img.shields.io/npm/v/@webmarkets/wm-responsive-navbar.svg)](https://www.npmjs.com/package/@webmarkets/wm-responsive-navbar) | `import "https://cdn.skypack.dev/@webmarkets/wm-responsive-navbar";`

| [``](https://github.com/Webmarkets/wm-web-components/tree/main/packages/wm-carousel) | [![Published on npm](https://img.shields.io/npm/v/@webmarkets/wm-carousel.svg)](https://www.npmjs.com/package/@webmarkets/wm-carousel) | `import "https://cdn.skypack.dev/@webmarkets/wm-carousel";`

| [``](https://github.com/Webmarkets/wm-web-components/tree/main/packages/wm-lazy-video) | [![Published on npm](https://img.shields.io/npm/v/@webmarkets/wm-lazy-video.svg)](https://www.npmjs.com/package/@webmarkets/wm-lazy-video) | `import "https://cdn.skypack.dev/@webmarkets/wm-lazy-video";`