IKun UI基于 Svelte.js 的 UnoCSS UI 库
ikun-ui 是基于 Svelte.js 的 UnoCSS UI 库,可用于制作网站。
特性
- 组件化设计 - 提供整洁美观的 UI 组件
- 预设 CSS - 有 UnoCSS 预设包可供使用,轻松渲染 UI
- 主题配置 - 使用 unocss 等属性模式进行设计。支持主题配置,自定义主题。
安装
pnpm add @ikun-ui/core && pnpm add -D unocss && pnpm add -D @ikun-ui/preset
使用
/*App.svelte*/
<script lang="ts">
import { KButton } from "@ikun-ui/core";
import 'virtual:uno.css'
</script>
<KButton>KButton</KButton>
自定义 UnoCSS 配置
// unocss.config.ts
import { defineConfig, presetAttributify, presetIcons, presetUno } from 'unocss';
import { presetIkun, getCSSPreflights, getSafeList } from '@ikun-ui/preset';
export default defineConfig({
presets: [presetUno(), presetAttributify(), presetIcons(), presetIkun()],
safelist: [...getSafeList()],
preflights: [
{
layer: 'base',
getCSS: () => `:root {${getCSSPreflights()}}`
}
]
});
评论
Frozen UI基于移动端的 UI 库
FrozenUI是一个开源的简单易用,轻量快捷的移动端UI框架。基于手Q样式规范,选取最常用的组件,做成手Q公用离线包减少请求,升级方式友好,文档完善,目前全面应用在腾讯手Q增值业务中。非手Q用户不能
Frozen UI基于移动端的 UI 库
0
Weex Ui基于 Weex 的 UI 组件库
WeexUi 是一个基于 Weex 的富交互、轻量级、高性能的UI组件库。预览你可以通过飞猪、淘宝、天猫、WeexPlayground 或者浏览器扫码体验安装npm i weex-ui -S使用<
Weex Ui基于 Weex 的 UI 组件库
0
Taro UI基于 Taro 的多端 UI 组件库
Taro UI 是由凹凸实验室推出的一款基于 Taro 框架开发的多端 UI 组件库。特性基于 Ta
Taro UI基于 Taro 的多端 UI 组件库
0
Taro UI基于 Taro 的多端 UI 组件库
TaroUI是由凹凸实验室推出的一款基于 Taro 框架开发的多端UI组件库。特性基于 Taro 开发UI组件一套组件可以在 微信小程序,H5,ReactNative 等多端适配运行提供友好的API,
Taro UI基于 Taro 的多端 UI 组件库
0
Suave UI基于 AngularJS 的 UI 框架
SuaveUI是一个基于AngularJS开发的WebUI框架,包含CSS定义、NG指令和服务用于快速高效的开发界面。使用方法很简单:<link rel="stylesheet" href="s
Suave UI基于 AngularJS 的 UI 框架
0