在过去的几年里,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

最后修改日期: 2022年3月17日

作者

留言

Hello. And Bye.

已加站长。麻烦通过下

ssssssss好

撰写回覆或留言