最近在 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>
目前,该组件库还处于早期阶段,尽量不要在生产环境中使用。