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 componets css documentation html inter javascript js npm paper paper-ui paperui react ui ui-components ui-design ui-library web-components

Last synced: 3 days 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 (5 months ago)
• Default Branch: main
• Last Pushed: 2024-05-28T22:41:19.000Z (4 months ago)
• Last Synced: 2024-05-29T02:42:51.055Z (4 months ago)
• Topics: cdn, component, component-library, componets, 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: 608 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• 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.