https://github.com/ztl-uwu/labui

A Svelte frontend UI library.
https://github.com/ztl-uwu/labui

components javascript svelte ui-components ui-design ui-library

Last synced: 2 months ago
JSON representation

A Svelte frontend UI library.

• Host: GitHub
• URL: https://github.com/ztl-uwu/labui
• Owner: ZTL-UwU
• License: mit
• Created: 2021-05-03T07:11:52.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-02-24T09:59:31.000Z (almost 2 years ago)
• Last Synced: 2024-11-08T23:12:13.304Z (2 months ago)
• Topics: components, javascript, svelte, ui-components, ui-design, ui-library
• Language: Svelte
• Homepage: https://ztl-uwu.github.io/LabUI/
• Size: 11.4 MB
• Stars: 11
• Watchers: 3
• Forks: 1
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![banner-svelte](https://user-images.githubusercontent.com/49156174/186880741-483b026b-383f-4f4a-8d11-287a844562fc.png)



    A Svelte frontend UI library.

    


    Demo





    

    

    

    

    

    

    


    

        

    



## Installation

1. Install SCSS

    in `rollup.config.js` (or `vite.config.js` if you use [vite](https://vitejs.dev/))

    ```javascript

    import preprocess from 'svelte-preprocess'; // Line to add

    /* ... */

    export default {

        /* ... */

        plugins: [

            svelte({

            /* ... */

                preprocess: preprocess(), // Line to add

            })

        }),

        /* ... */

    }

    ```

2. Install LabUI

    ```bash

    npm i --save @ztl-uwu/labui

    ```

## Usage

```html

    import {

        LButton,

        LBox,

        //...

    } from '@ztl-uwu/labui/main';

```

## Development

### Contributing [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)

### Progress

**Components**

- [ ] Avatar

- [x] Box

- [x] Button

- [ ] Button Group

- [ ] Card

- [ ] Check Box

- [ ] Form

- [x] Input

- [ ] Layout

- [ ] Link

- [x] Mask

- [x] MDContainer

- [ ] Message

- [ ] MessageBar

- [ ] NavBar

- [x] Notification

- [x] NumberPicker

- [x] Progress

- [x] Radio

- [x] Rating

- [ ] Select

- [ ] Separator

- [x] Switch

- [x] Tabs

- [ ] Table

- [x] Tags

**Other**

- [x] Logo

- [ ] Design Guide / Docs [⚒️Here](https://labui.js.org)

- [ ] Themes

[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/ZTL-UwU/LabUI)

### Start Demo Server

```bash

git clone https://github.com/ZTL-UwU/LabUI

cd LabUI

cp -r ./src/styles/fonts ./public/build/

npm install

npm run dev

```

![together](https://user-images.githubusercontent.com/49156174/185579786-0006d1d7-f5b5-4a0d-97a6-d6ab1054d1c9.png)