https://github.com/iamogbz/oh-my-wcs
🎛️ Floating web components for easy website building
https://github.com/iamogbz/oh-my-wcs
web-components
Last synced: about 1 month ago
JSON representation
🎛️ Floating web components for easy website building
- Host: GitHub
- URL: https://github.com/iamogbz/oh-my-wcs
- Owner: iamogbz
- License: unlicense
- Created: 2023-02-04T19:02:24.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-12-18T20:44:25.000Z (over 1 year ago)
- Last Synced: 2025-02-06T06:22:33.003Z (over 1 year ago)
- Topics: web-components
- Language: JavaScript
- Homepage: http://ogbizi.com/oh-my-wcs/
- Size: 72.3 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Oh My Web Components❗️
Floating web components for easy web building
## Usage
Each component documentation can be found in the accompanying [`.md`](https://github.com/iamogbz/oh-my-wcs/tree/HEAD/components/)
Try out any component using the demo links below, set the component name via the url param `component-name` and any other required parameters.
### Components
* [`github-md-view`](https://ogbizi.com/oh-my-wcs/?component-name=github-md-view&url=components/github-md-view.md): 👈🏾 demo
* [`github-diff-view`](https://ogbizi.com/oh-my-wcs/?component-name=github-md-view&url=components/github-diff-view.md): [demo](https://ogbizi.com/oh-my-wcs/?component-name=github-diff-view&head=e825617&base=72fd7ac&repo=iamogbz/oh-my-wcs&file=package.json)
* [`github-file-view`](https://ogbizi.com/oh-my-wcs/?component-name=github-md-view&url=components/github-file-view.md): [demo](https://ogbizi.com/oh-my-wcs/?component-name=github-file-view&ref=HEAD&repo=iamogbz/oh-my-wcs&file=components/github-diff-view.js&lines=L10-L42)
* [`simple-keyboard`](https://ogbizi.com/oh-my-wcs/?component-name=github-md-view&url=components/simple-keyboard.md): [demo](https://ogbizi.com/oh-my-wcs/?component-name=simple-keyboard&keys=W1siMSIsIjIiLCIzIiwiNCIsIjUiLCI2IiwiNyIsIjgiLCI5IiwiMCJdLFsiU2hpZnQiLCJCYWNrc3BhY2UiXSxbInEiLCJ3IiwiZSIsInIiLCJ0IiwieSIsInUiLCJpIiwibyIsInAiXSxbImEiLCJzIiwiZCIsImYiLCJnIiwiaCIsImoiLCJrIiwibCJdLFsieiIsIngiLCJjIiwidiIsImIiLCJuIiwibSJdLFsiICIsIkVudGVyIl1d&keys-active=WzJd&keys-disabled=WzFd&keys-selected=WzBd)
* [`mirror-element`](https://ogbizi.com/oh-my-wcs/?component-name=github-md-view&url=components/el-mirror.md): [demo](https://ogbizi.com/oh-my-wcs/?component-name=mirror-element&target-id=html-head)
* [`carousel-stack`](https://ogbizi.com/oh-my-wcs/?component-name=github-md-view&url=components/carousel-stack.md): [demo](https://codepen.io/iamogbz/full/eYwwOMy)