在过去的几年里,Web前端开发已经变得非常火热。每年都会发布许多前端框架。如果你正在为下一个前端开发项目寻找新的CSS框架,不妨了解一下 Uimini 现代轻量级 CSS 框架! 让你获得更轻松的 Web 开发体验。

大多数流行的 CSS 框架体积庞大、过度封装太过内卷,层出不穷的前端技术没让人感到学习吃力。这个开源项目就是可以让你更轻松的神器!
特点
- 仅 Css:没有 JavaScript 依赖;
- 轻量级:只有 4kb gzip 零依赖;
- 响应式;
- 每个细节的强大主题定制;
- 轻松与从 Bootstrap.css 到 React.js 的任何框架结合;
- 专为 Web 应用程序设计的企业级 UI。
快速开始
开始使用 Uimini 框架,最简单的就是使用过cdn方式直接引用!
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/uimini@2.0.7/dist/uimini.min.css"
integrity="sha256-h8u2/mt0aoFKmyVNtIVA0u65MdOePGkIhenx9fW6n9E="
crossorigin="anonymous"
/>
使用包管理器还是需要下载源文件?前往下载页面
看看入门模板全部html代码
<!DOCTYPE html>
<html class="ui-html" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- cdn link -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/uimini@2.0.7/dist/uimini.min.css"
integrity="sha256-h8u2/mt0aoFKmyVNtIVA0u65MdOePGkIhenx9fW6n9E="
crossorigin="anonymous"
/>
<title>Hello world!</title>
</head>
<body class="ui-body">
<div class="ui-wrapper">
<!-- header -->
<header>header</header>
<div class="ui-content-wrapper">
<!-- page content -->
<section class="ui-section">
<div class="ui-container">
<h1 class="ui-title-1">Hello world!</h1>
</div>
</section>
</div>
<!-- footer -->
<footer>footer</footer>
</div>
</body>
</html>
想要了解更多,请查看官方提供的开发文档:https://uimini.github.io/docs/docs/quick-start.html
github地址:https://github.com/uimini/uimini
开源协议:MIT
留言
Hello. And Bye.
已加站长。麻烦通过下
ssssssss好