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

持续更新~

猜你喜欢

转载自blog.csdn.net/soukenan/article/details/132038405