前言
下面是一些类似bootstrap的css框架,以及其开源的仓库和网址附上,整理不易,希望多多点一下赞同收藏喜欢哈~
1、Tailwind
Star:70.5k
Tailwind CSS 是一个实用的工具集,用于快速构建现代化的自定义用户界面。它提供了一系列预定义的样式类,可以直接应用于 HTML 元素上,从而减少了手动编写 CSS 的工作量

github地址:++https://github.com/tailwindlabs/tailwindcss++
官网:++https://tailwindcss.com/++
2、 HTML5 Boilerplate
Star:54.9k
"html5-boilerplate"是一个流行的HTML5项目模板和开发框架。它提供了一个预先配置好的HTML、CSS和JavaScript文件的基础结构,使得开发者可以快速开始构建一个现代化的、响应式的网站或应用程序

github地址:++https://github.com/h5bp/html5-boilerplate++
官网:++https://html5boilerplate.com/++
3、 Semantic UI
Star:50.7k
Semantic-UI是一款开源的现代化的 前端框架,它用于构建用户界面。它使用语义化的HTML来构建页面布局,并提供了丰富的CSS样式和JavaScript组件,以便开发人员能够快速、高效地构建出美观、易于使用的网页和应用程序

github地址:++https://github.com/Semantic-Org/Semantic-UI++
官网:++https://semantic-ui.com/++
4、 Bulma
Star:47.4k
Bulma是一个现代化的CSS框架,用于构建响应式的、移动优先的Web界面。它基于Flexbox布局,并提供了一组易于使用的预定义样式和组件,包括按钮、表格、表单、导航等。Bulma的设计风格简洁、精致,并且高度可定制,允许开发人员根据自己的需求进行个性化调整

github地址:++https://github.com/jgthms/bulma++
官网:++https://bulma.io++
5、Materialize
Star:38.8k
Materialize是一个现代化的 响应式前端框架,提供了一套用于构建各种Web应用程序和网站的CSS和JavaScript组件。它基于Google的Material Design设计原则,具有丰富的可定制化选项

github地址:++https://github.com/Dogfalo/materialize++
官网:++https://materializecss.com/++
6、 Pure
Star:23.1k
"pure-css"是一个开源的CSS库,它提供了一系列轻量级、可定制的CSS模块,用于构建现代化的网页界面。它致力于提供简洁、灵活和易于理解的CSS代码,同时避免使用过多的JavaScript。这样可以帮助开发者快速地创建具有 响应式布局和现代风格的网页。pure-css的设计理念是通过精简CSS代码来提高网页性能,并鼓励开发者编写更具语义性和组件化的CSS

github地址:++https://github.com/pure-css/pure++
官网:++https://purecss.io/++
7、 Skeleton
Star:18.9k
Skeleton是一个非常简便、响应式的起步框架,用于移动友好的开发

github地址:++https://github.com/dhg/Skeleton++
官网:++http://getskeleton.com/++
8、 UIkit
Star:17.9k
UIkit包含了一套用户界面元素、图形绘制和动画效果等工具,可以帮助开发者构建专业、美观的界面。通过使用uikit,开发者可以轻松地创建按钮、标签、文本框、图像视图等常见的用户界面组件,并且可以通过 自定义属性和方法来实现个性化的设计和交互

github地址:++https://github.com/uikit/uikit++
官网:++https://getuikit.com++
9、 Spectre
Star:11.2k
Spectre.css是一个开源的CSS框架,主要用于构建响应式的Web页面。它提供了一系列的CSS类和组件,可以优化网页的外观和交互效果。Spectre.css具有简洁轻量的特点,文件大小较小,并且没有依赖关系。它可以与其他框架和库配合使用,也可以作为单独的框架使用

github地址:++https://github.com/picturepan2/spectre++
官网:++https://picturepan2.github.io/spectre/++
10、Metro UI
Star:7k
Metro-UI-CSS是一个基于Metro 风格设计的CSS框架。Metro风格起源于微软公司的Windows Phone和Windows 8操作系统界面设计,注重简洁、平面化及大胆鲜明的颜色和标志性元素

github地址:++https://github.com/olton/Metro-UI-CSS++
官网:++https://korzh.com/metroui++
11、Bootflat
Star:4.3k
BOOTFLAT是一个基于Bootstrap 3.3.0 CSS框架的开源Flat UI KIT。它为Web开发人员提供了一种更快、更简便、更少重复的方式来创建优雅的Web应用程序

github地址:++https://github.com/bootflat/bootflat.github.io++
官网:++http://bootflat.github.io/++
12、Susy
Star:3.9k
Susy 是一个开源的 CSS 布局框架,它提供了一套灵活而强大的工具,用于创建自适应和响应式的网页布局

github地址:++https://github.com/oddbird/susy++
官网:++https://www.oddbird.net/susy/++
++持续更新~++