最近在 GitHub 上看到一个新的 UI 组件库：ikun UI，一看名称和 logo，就知道这个 UI 组件库不简单呐。

ikun UI 是一个基于 Svelte.js 的 UnoCSS UI 组件库，用于制作漂亮的网站。

项目介绍

ikun UI 包含一系列开箱即用的桌面组件，可以提高开发效率，同时丰富 svelte 的周边生态。IKun UI 基于 UnoCSS 设计，提供了一组简洁的预设 @ikun-ui/preset。除了固有支持深色模式外，还支持简单模式下的主题颜色设置和自定义主题。

ikun UI 具有以下特性：

• 组件设计：提供整洁美观的 UI 组件。
• Iconify 图标：使用喜欢的库中的任何图标。
• CSS 预设：UnoCSS 预设包可供使用，轻松渲染 UI。
• 主题配置：使用unocss等属性模式进行设计，支持主题配置，自定义主题。

该组件库内置了很多常见的组件，比如按钮、图片、复选框、输入框、标签、通知等等，支持单独引入某个组件。

使用起来也很简单：

/*App.svelte*/
<script lang="ts">
    import { KButton } from "@ikun-ui/core";
    import 'virtual:uno.css'
</script>
<KButton>KButton</KButton>

目前，该组件库还处于早期阶段，尽量不要在生产环境中使用。

项目地址

https://github.com/ikun-svelte/ikun-ui