有哪些类似bootstrap的纯css框架?

前言

下面是一些类似bootstrapcss框架,以及其开源的仓库和网址附上,整理不易,希望多多点一下赞同收藏喜欢哈~

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/++

++持续更新~++


相关推荐
m0_7482552612 分钟前
前端安全——敏感信息泄露
前端·安全
鑫~阳2 小时前
html + css 淘宝网实战
前端·css·html
Catherinemin2 小时前
CSS|14 z-index
前端·css
2401_882727573 小时前
低代码配置式组态软件-BY组态
前端·后端·物联网·低代码·前端框架
NoneCoder3 小时前
CSS系列(36)-- Containment详解
前端·css
anyup_前端梦工厂4 小时前
初始 ShellJS:一个 Node.js 命令行工具集合
前端·javascript·node.js
5hand4 小时前
Element-ui的使用教程 基于HBuilder X
前端·javascript·vue.js·elementui
GDAL4 小时前
vue3入门教程:ref能否完全替代reactive?
前端·javascript·vue.js
六卿4 小时前
react防止页面崩溃
前端·react.js·前端框架
z千鑫4 小时前
【前端】详解前端三大主流框架:React、Vue与Angular的比较与选择
前端·vue.js·react.js