fly63前端网

www.fly63.com

首页文章资源工具教程 栏目
  • 关于我们
  • 网站投稿
  • 赞助一下
  • 购物优惠券
搜索

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具,网友无需注册和下载安装即可使用

点击查看

关闭

提交网站

Kuma UI
分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:https://www.kuma-ui.com/
GitHub:https://github.com/kuma-ui/kuma-ui
网站描述:一个headless、实用程序优先、零运行时的组件库

Kuma UI 自诩为“css-in-JS 的未来”,是一个headless、实用程序优先、零运行时的组件库,其中包括自己的 CSS-in-JS 解决方案。

Kuma UI 的与众不同之处在于其混合方案,允许在运行时动态更改样式,同时仍然保持零运行时 CSS-in-JS 的性能优势。


特点

零运行时间:通过零运行时间 CSS 提取,提供极速网站。

自动完成:通过样式自动完成功能体验无缝开发。

Headless Components:使用我们的无头组件,享受最大程度的自定义自由。

混合方法:两全其美--我们的混合方法支持任何写作风格。

RSC支持:通过我们的 RSC 支持,了解最前沿的 Next.js 技术。

Familiar DX :通过我们熟悉的 api 设计,享受终极 DX。


安装

npm install @kuma-ui/core


使用

function App() {
return (
<Box as="main" display="flex" flexDir={["column", "row"]}>
<Heading
as="h3"
className={css`
color: red;
@media (max-width: sm) {
color: blue;
}
`}
>
Kuma UI
</Heading>
<Spacer size={4} />
<Flex flexDir={`column`}>
<Text as="p" fontSize={24}>
Headless UI Component Library
</Text>
<Button variant='primary'>Getting Started</Button>
</Flex>
</Box>
);
}


链接: https://fly63.com/nav/4121

more>>
相关栏目
react
Facebook开发的一款高效、灵活、声明式设计的JS库
官网GitHub
AngularJS
Google推出有条理,可维护,易编程的MVVM框架
官网GitHub
backbone
提供:模型、集合、视图,开发重量级的javascript应用的框架
官网GitHub
jquery
一个快速、简洁的JavaScript代码库
官网GitHub
zepto.js
一个轻量级的针对现代高级浏览器的JavaScript库
官网GitHub
Ember
JavaScript MVC框架,它用来创建复杂的Web应用程序,消除了样板
官网GitHub
nw.js
轻量级桌面应用开发的捷径
官网GitHub
socket.io
一个WebSocket库,包括了客户端的js和服务器端的nodejs
官网GitHub
nuxt.js
基于 Vue.js 的轻量级、服务端渲染 (SSR) 应用框架
官网GitHub
Next.js
实现react的服务端渲染的框架
官网GitHub
Electron
基于Chromium 和 Node.js, 使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用
官网GitHub
htmx
无需JavaScript的动态HTML
官网GitHub
Nerv
一款由京东凹凸实验室打造的类React前端框架
官网GitHub
lodash
一致性、模块化、高性能的 JavaScript 实用工具库
官网GitHub
ocLazyLoad
AngularJS 的延迟加载(惰性加载)模块和组件
点击进入GitHub
weui.js
WeUI 的轻量级 js 封装
点击进入GitHub

手机预览