https://github.com/opensource-paper/paperui
The Paper UI library allows users to easily import and style a wide range of components with a singular cdn link.
https://github.com/opensource-paper/paperui
cdn component component-library components css documentation html inter javascript js npm paper paper-ui paperui react ui ui-components ui-design ui-library web-components
Last synced: 3 months ago
JSON representation
The Paper UI library allows users to easily import and style a wide range of components with a singular cdn link.
- Host: GitHub
- URL: https://github.com/opensource-paper/paperui
- Owner: Opensource-Paper
- License: mit
- Created: 2024-04-23T19:31:02.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-06-12T17:08:24.000Z (over 1 year ago)
- Last Synced: 2025-04-12T02:05:09.369Z (9 months ago)
- Topics: cdn, component, component-library, components, css, documentation, html, inter, javascript, js, npm, paper, paper-ui, paperui, react, ui, ui-components, ui-design, ui-library, web-components
- Language: JavaScript
- Homepage: https://paperui.com
- Size: 651 KB
- Stars: 6
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
The Paper UI library allows users to easily import and style a wide range of components with a singular cdn link.
[Documentation](https://paperui.com/)
## Installation
### CDN
Import Paper UI web components using CDN. The all.min.js file will automatically import all styles and JavaScript files into the ``````.
```html
```
#### 🚧 Development
```html
```
### NPM
Install Paper UI web components using [npm and node](https://nodejs.org/en).
```bash
npm install paperui-web
```
## Import
Import element definitions from ```paperui-web//.js```.
```index.js```
```js
import 'paperui-web/switch/switch.js';
import 'paperui-web/checkbox/checkbox.js';
```
## Usage
Use the `````` tag in HTML markup. Refer to the [Component Docs](https://paperui.com) for more guidance on using each component. That's it 🎉.
```HTML```
```html
Filled
Outlined
```
```html
```
Check out the demo on [codepen](https://codepen.io/GreenestGoat/pen/BaeZpvo).
## Copyright and license
Licensed under the MIT License, Copyright © 2024-present Opensource-Paper.
See [LICENSE](https://github.com/Opensource-Paper/PaperUI/blob/main/LICENSE) for more information.