diff --git a/src/core/resolvers/index.ts b/src/core/resolvers/index.ts
index 71f30efa..c9f22856 100644
--- a/src/core/resolvers/index.ts
+++ b/src/core/resolvers/index.ts
@@ -16,3 +16,4 @@ export * from './quasar'
 export * from './devui'
 export * from './arco'
 export * from './tdesign'
+export * from './layui-vue'
diff --git a/src/core/resolvers/layui-vue.ts b/src/core/resolvers/layui-vue.ts
new file mode 100644
index 00000000..56fc60ab
--- /dev/null
+++ b/src/core/resolvers/layui-vue.ts
@@ -0,0 +1,171 @@
+import type { ComponentInfo, ComponentResolver, SideEffectsInfo } from '../../types'
+import { camelCase } from '../utils'
+
+const matchComponents = [
+  {
+    pattern: /^LayAvatarList$/,
+    styleDir: 'avatar',
+  },
+  {
+    pattern: /^LayBreadcrumbItem$/,
+    styleDir: 'breadcrumb',
+  },
+  {
+    pattern: /^(LayCarouselItem)$/,
+    styleDir: 'carousel',
+  },
+  {
+    pattern: /^(LayCheckboxGroup)$/,
+    styleDir: 'checkbox',
+  },
+  {
+    pattern: /^LayCol$/,
+    styleDir: 'row',
+  },
+  {
+    pattern: /^(LayCollapseItem)$/,
+    styleDir: 'collapse',
+  },
+  {
+    pattern: /^LayConfigProvider$/,
+    styleDir: undefined,
+  },
+  {
+    pattern: /^LayCountUp$/,
+    styleDir: undefined,
+  },
+  {
+    pattern: /^(LayDropdownMenu|LayDropdownMenuItem)$/,
+    styleDir: 'dropdown',
+  },
+  {
+    pattern: /^(LayFormItem)$/,
+    styleDir: 'form',
+  },
+  {
+    pattern: /^(LayMenuItem|LaySubMenu)$/,
+    styleDir: 'menu',
+  },
+  {
+    pattern: /^LaySelectOption$/,
+    styleDir: 'select',
+  },
+  {
+    pattern: /^LaySkeletonItem$/,
+    styleDir: 'skeleton',
+  },
+  {
+    pattern: /^LaySplitPanelItem$/,
+    styleDir: 'splitPanel',
+  },
+  {
+    pattern: /^LayStepItem$/,
+    styleDir: 'step',
+  },
+  {
+    pattern: /^(LayTabItem)$/,
+    styleDir: 'tab',
+  },
+  {
+    pattern: /^LayTimelineItem$/,
+    styleDir: 'timeline',
+  },
+]
+
+export interface LayuiVueResolverOptions {
+  /**
+   * import style along with components
+   *
+   * @default 'css'
+   */
+  importStyle?: boolean | 'css'
+
+  /**
+   * resolve '@layui/layui-vue' icons
+   * requires package `@layui/icons-vue`
+   *
+   * @default false
+   */
+  resolveIcons?: boolean
+
+  /**
+   * exclude components that do not require automatic import
+   *
+   */
+  exclude?: Array<string | RegExp>
+}
+
+const layuiRE = /^Lay[A-Z]/
+const layerRE = /^(layer|LayLayer)$/
+const iconsRE = /^([A-Z][\w]+Icon|LayIcon)$/
+let libName = '@layui/layui-vue'
+
+function getSideEffects(importName: string, options: LayuiVueResolverOptions): SideEffectsInfo | undefined {
+  const { importStyle = 'css' } = options
+  if (!importStyle)
+    return undefined
+
+  if (libName !== '@layui/layui-vue')
+    return `${libName}/lib/index.css`
+
+  let styleDir: string | undefined = camelCase(importName.slice(3)) // LayBackTop -> backTop
+  for (const item of matchComponents) {
+    if (item.pattern.test(importName)) {
+      styleDir = item.styleDir
+      break
+    }
+  }
+  if (importStyle === 'css' || importStyle) {
+    return styleDir
+      ? [`@layui/layui-vue/es/${styleDir}/index.css`, '@layui/layui-vue/es/index/index.css']
+      : undefined
+  }
+}
+
+function resolveComponent(importName: string, options: LayuiVueResolverOptions): ComponentInfo | undefined {
+  let name: string | undefined
+
+  if (options.exclude && isExclude(importName, options.exclude))
+    return undefined
+
+  if (options.resolveIcons && importName.match(iconsRE)) {
+    name = importName
+    libName = '@layui/icons-vue'
+  }
+  else if (importName.match(layerRE)) {
+    name = importName
+    libName = '@layui/layer-vue'
+  }
+  else if (importName.match(layuiRE)) {
+    name = importName
+    libName = '@layui/layui-vue'
+  }
+  return name
+    ? { name, from: libName, sideEffects: getSideEffects(name, options) }
+    : undefined
+}
+
+function isExclude(name: string, exclude: Array<string | RegExp>): boolean {
+  for (const item of exclude) {
+    if (name === item || name.match(item))
+      return true
+  }
+  return false
+}
+
+/**
+ * Resolver for layui-vue
+ *
+ * @link http://www.layui-vue.com/ for layui-vue
+ *
+ */
+export function LayuiVueResolver(
+  options: LayuiVueResolverOptions = {},
+): ComponentResolver {
+  return {
+    type: 'component',
+    resolve: (name: string) => {
+      return resolveComponent(name, options)
+    },
+  }
+}

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<title>pFad - Phonifier reborn</title>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
</head>
<body>
<h1>Pfad - The Proxy pFad of &#169; 2024 Garber Painting. All rights reserved.</h1>


<!-- Disclaimer -->
<p>Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.</p>
<br>
<p>Alternative Proxies:</p><p><a href="http://rainy.clevelandohioweatherforecast.com/php-proxy/index.php?q=https://patch-diff.githubusercontent.com/raw/unplugin/unplugin-vue-components/pull/366.diff" target="_blank">Alternative Proxy</a></p><p><a href="http://rainy.clevelandohioweatherforecast.com/pFad/index.php?u=https://patch-diff.githubusercontent.com/raw/unplugin/unplugin-vue-components/pull/366.diff" target="_blank">pFad Proxy</a></p><p><a href="http://rainy.clevelandohioweatherforecast.com/pFad/v3index.php?u=https://patch-diff.githubusercontent.com/raw/unplugin/unplugin-vue-components/pull/366.diff" target="_blank">pFad v3 Proxy</a></p><p><a href="http://rainy.clevelandohioweatherforecast.com/pFad/v4index.php?u=https://patch-diff.githubusercontent.com/raw/unplugin/unplugin-vue-components/pull/366.diff" target="_blank">pFad v4 Proxy</a></p></body>
</html>