sh-design

A functional & business-oriented Vue 3 component library
2,122 3
Install
npm install sh-design
Latest Version:0.1.2
Vue:3
License:MIT
Last Updated:Oct 23, 2026
Links: GitHub  ·  npm
Maintainer: shukezlc

sh-design

A functional & business-oriented Vue 3 component library.

📖 Documentation & Live Demos

Installation

Requires Vue >= 3.2.

npm install sh-design
# or
pnpm add sh-design

Usage

Full registration

import { createApp } from 'vue'
import ShDesign from 'sh-design'
import 'sh-design/dist/style.css'
import App from './App.vue'

createApp(App).use(ShDesign).mount('#app')

On-demand import

<script setup lang="ts">
import { ShLazyImage } from 'sh-design'
import 'sh-design/dist/style.css'
</script>

<template>
  <ShLazyImage src="https://picsum.photos/400/300" style="width: 200px; height: 140px" />
</template>

Components

Component Description
ShLazyImage Lazy-loaded image with skeleton, fade-in, error fallback, custom loader and polling.
ShSeamlessScroll High-performance seamless marquee: 4 directions, hover pause, wheel and step scroll.
ShWaterfall Virtualized waterfall / grid with paged loading and jitter-free reserved card height.

License

MIT © shukezlc

Related Packages

@alanlee97/lee-ui

基于 Vue 3 的轻量级 UI 组件库

909
@yymojo-tec/mojo-ui

Mojo UI 是 YYmojo 旗下维护的 UI 组件库。

9,973
whelk-ui

Vue3 Component Library for NearBeach

5,447
@finmars/ui

Finmars UI library for Vue 3 applications.

3,230

Version History

Version Released Vue License
0.1.2 ^3.2.0 MIT
0.1.1 ^3.2.0 MIT
0.1.0 ^3.2.0 MIT
0.0.9 ^3.2.0 MIT
0.0.8 ^3.2.0 MIT