A Svelte frontend UI library.
Demo


Installation

  1. Install SCSS

    in rollup.config.js (or vite.config.js if you use vite)

    import preprocess from 'svelte-preprocess'; // Line to add
    /* ... */
    export default {
        /* ... */
        plugins: [
            svelte({
            /* ... */
                preprocess: preprocess(), // Line to add
            })
        }),
        /* ... */
    }
    
  2. Install LabUI

    npm i --save @ztl-uwu/labui
    

Usage

<script>
    import {
        LButton,
        LBox,
        //...
    } from '@ztl-uwu/labui/main';
</script>

Development

Contributing

Progress

Components

  • Avatar
  • Box
  • Button
  • Button Group
  • Card
  • Check Box
  • Form
  • Input
  • Layout
  • Link
  • Mask
  • MDContainer
  • Message
  • MessageBar
  • NavBar
  • Notification
  • NumberPicker
  • Progress
  • Radio
  • Rating
  • Select
  • Separator
  • Switch
  • Tabs
  • Table
  • Tags

Other

Start Demo Server

git clone https://github.com/ZTL-UwU/LabUI
cd LabUI
cp -r ./src/styles/fonts ./public/build/
npm install
npm run dev

Top categories

Loading Svelte Themes