有哪些类似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/++

++持续更新~++


相关推荐
以对_7 分钟前
uview表单校验不生效问题
前端·uni-app
程序猿小D1 小时前
第二百六十七节 JPA教程 - JPA查询AND条件示例
java·开发语言·前端·数据库·windows·python·jpa
奔跑吧邓邓子2 小时前
npm包管理深度探索:从基础到进阶全面教程!
前端·npm·node.js
软件开发技术深度爱好者2 小时前
用HTML5+CSS+JavaScript庆祝国庆
javascript·css·html5
wclass-zhengge2 小时前
Redis篇(最佳实践)(持续更新迭代)
redis·缓存·bootstrap
前端李易安2 小时前
ajax的原理,使用场景以及如何实现
前端·ajax·okhttp
汪子熙2 小时前
Angular 服务器端应用 ng-state tag 的作用介绍
前端·javascript·angular.js
Code成立2 小时前
1、深入理解Redis线程模型
数据库·redis·bootstrap
Envyᥫᩣ3 小时前
《ASP.NET Web Forms 实现视频点赞功能的完整示例》
前端·asp.net·音视频·视频点赞
Мартин.6 小时前
[Meachines] [Easy] Sea WonderCMS-XSS-RCE+System Monitor 命令注入
前端·xss