视觉盛宴篇!推荐 12 个好用的 CSS 的开源项目,YYDS !
大家好,我是你们的 猫哥,那个不喜欢吃鱼、又不喜欢喵 的超级猫又在线营业啦 ~
平时如何发现好的开源项目,可以看看这篇文章:GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目
1. animate
强大的跨平台的预设 css3 动画库,也是前端圈非常有名的动画库。
内置了很多典型的 css3 动画,兼容性好使用方便。
https://github.com/animate-css/animate.css
2. tailwindcss
无需离开您的HTML,即可快速建立现代网站。
Tailwind CSS 是一个功能类优先的 CSS 框架,它集成了诸如 flex, pt-4, text-center 和 rotate-90 这样的的类,它们能直接在脚本标记语言中组合起来,构建出任何设计。
https://github.com/tailwindlabs/tailwindcss
3. bulma
基于 Flexbox 的现代 CSS 框架。
Bulma 是一个免费、开源的 CSS 框架,它提供了易于使用的前端的组件,您可以轻松地组合这些组件来构建响应式 Web 界面。
无需懂得 CSS,有了它,即使完全不懂 CSS,也可以轻而易举做出美观的网页。
Bulma 框架最大的特点,就是简单好用。所有样式都基于 class,只需为 HTML 元素指定class,样式立刻生效。
https://github.com/jgthms/bulma
4. styled-components
styled-components 是一个针对 React 的 css in js 类库。
它的优点在于:
贯彻 React 的 everything in JS 理念,降低 js 对 css 文件的依赖
组件的样式和其他组件完全解耦,有效避免了组件之间的样式污染
https://github.com/styled-components/styled-components
5. Hover
Hover.css 是一款非常简单实用的纯 CSS3 鼠标滑过特效动画库。
有 100 多种效果可以选择,包括:2D 动画、背景动画、边框动画、图标动画、发光渐变、阴影、对话框、折角等 100 多种特效。
https://github.com/IanLunn/Hover
6. postcss
是一个用 JavaScript 工具和插件转换 CSS 代码的工具。
https://github.com/postcss/postcss
7. pure
一组轻量级、响应式纯 css 模块,适用于任何 Web 项目。
https://github.com/pure-css/pure
8. SpinKit
SpinKit 是一套网页动画效果,包含 8 种基于 CSS3 实现的很炫的加载动画。
借助 CSS3 Animation 的强大功能来创建平滑,易于定制的动画,SpinKit 的目标不是提供一个每个浏览器都兼容的解决方案,而是给现代浏览器提供更优的技术实现方案和更佳的使用体验。
https://github.com/tobiasahlin/SpinKit
9. uikit
一款轻量级、模块化的前端框架,可快速构建强大的 web 前端界面。
UIKit 提供了全面的 HTML、CSS 及 JS 组件,它们使用简单,容易定制和扩展。
https://github.com/uikit/uikit
10. 30-seconds-of-css
满足您所有开发需求的简短 CSS 代码片段。
CSS 片段集合包含 CSS3 的实用程序和交互式示例。它包括用于创建常用布局、样式和动画元素的现代技术,以及用于处理用户交互的片段。
https://github.com/30-seconds/30-seconds-of-css
11. solved-by-flexbox
曾经仅靠 CSS 很难或不可能解决的问题,现在通过 Flexbox 变得简单了。
https://github.com/philipwalton/solved-by-flexbox
12. emotion
Emotion 是一个用 JavaScript 编写 css 样式的库,下一代 CSS-in-JS 。
它提供了强大的、可预测的样式组合,还为开发人员提供了丰富的特性体验,如源映射、标签和测试实用程序。
同时支持字符串和对象样式。
https://github.com/emotion-js/emotion
最后
平时如何发现好的开源项目,可以看看这篇文章:GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目
更多精彩项目,请看下方宝藏仓库,请慎入!
https://github.com/FrontEndGitHub/FrontEndGitHub
不知不觉,原创文章已经写到第 65 期了呢,几乎每一篇都是猫哥精心挑选的优质开源项目,推送的每一篇文章里面的项目几乎都是对前端开发很有帮助的。
原创不易,一篇优质的文章都是要肝几个晚上才能肝出来的,花费很多时间、精力去筛选和写推荐理由,大佬们看完文章后顺手点个赞或者转发吧,就当给猫哥一点鼓励吧。
往期精文
推荐 12 个好用的 React 的开源项目,YYDS!
推荐 10 个好用的 Vue3 的开源项目,开发效率又能提升了!
推荐 9 个 Node.js 学习、进阶、debugging 分析、实战 的重磅开源项目
猛增 110K Star!年增长数最多的 10 大顶级前端学习资源项目!
推荐 7 个 Vue2、Vue3 源码解密分析的开源项目
Vue3 的学习教程汇总、源码解释项目、支持的 UI 组件库、优质实战项目
关注公众号:前端GitHub,回复 电子书 即可以获得下面 1000 本技术精华书籍哦,猫哥微信号:CB834301747 。
如果不想错过精彩内容,请多给本公众号点赞哦,这样就会先收到内容推荐的。
视觉盛宴篇!推荐 12 个好用的 CSS 的开源项目,YYDS !相关推荐
- Node 应用篇!推荐 10 个好用的 Node 的开源项目 YYDS
大家好,我是你们的 猫哥,那个不喜欢吃鱼.又不喜欢喵 的超级猫又在线营业啦 ~ 平时如何发现好的开源项目,可以看看这篇文章:GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目 1. puppe ...
- 推荐 12 个好用的 React 的开源项目,开发效率又能提升了!
大家好,我是你们的 猫哥,那个不喜欢吃鱼.又不喜欢喵 的超级猫又在线营业啦 ~ 平时如何发现好的开源项目,可以看看这篇文章:GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目 1. react ...
- JS 加强篇!推荐 10 个好用的 TypeScript 的开源项目 YYDS !
大家好,我是你们的 猫哥,那个不喜欢吃鱼.又不喜欢喵 的超级猫又在线营业啦 ~ 平时如何发现好的开源项目,可以看看这篇文章:GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目 1. react ...
- ffmpeg sdk java_推荐一个强大的音视频处理的开源项目!
原标题:推荐一个强大的音视频处理的开源项目! 1.前景提要 在我们的开发中,经常会用到音视频相关内容,一般我们都会选择FFmpeg,但是其交叉编译对于我们来说是一件很麻烦的事情.所以这里方便日后使用就 ...
- java写的教育管理的项目_干货分享|推荐12款适合做Java后台管理系统的项目
Java是一种可以撰写跨平台应用软件的面向对象的程序设计语言.Java技术具有卓越的通用性.高效性.平台移植性和安全性,广泛应用于PC.数据中心.游戏控制台.科学超级计算机.移动电话和互联网,同时拥有 ...
- 推荐 10 个好用的 Vue3 的开源项目,开发效率又能提升了!
大家好,我是你们的 猫哥,那个不喜欢吃鱼.又不喜欢喵 的超级猫又在线营业啦. 平时如何发现好的开源项目,可以看看这篇文章:GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目 如果不想错过精彩内 ...
- github上的python项目 运行,12月Github上热门的Python开源项目
12月份GitHub上最热门的Python开源项目排行已经出炉啦,一起来看看上榜详情: 1. rich https://github.com/willmcgugan/rich Star 19647 R ...
- 推荐一个基于SpringBoot的在线课程管理系统开源项目,超级棒!
前言 一点知识学院 是一个在线课程资料的管理系统(是对app手机端的支撑),项目框架采用SpringBoot + JPA + mysql + easyui开发. 邀请函 该项目还有一些功能需要完善,新 ...
- 推荐两个高仿抖音 GitHub 开源项目( iOS 和 Android)
人工智能(Artificial Intelligence),英文缩写为AI.它是研究.开发用于模拟.延伸和扩展人的智能的理论.方法.技术及应用系统的一门新的技术科学. 抖音短视频 App 火速爆红,没 ...
最新文章
- Spring Security原理之springSecurityFilterChain
- 在kubernetes集群中部署mysql主从
- SpringCloud学习(八)消息总线(Spring Cloud Bus)(Finchley版本)
- IOS弹出视图preferredContentSize
- MySQL数据库存入日期(java.sql.Date)数据,天数会少一天的问题
- python图形化编程实例,python交互式图形编程实例(三)
- [抄]外部奖励对内在动机的侵蚀
- mysql s索引 树_mysql 学习 - B+树索引
- 一种用于亚洲大豆锈病黄化和坏死严重程度评估的自动植物病理测量系统
- 快速开发微信小程序直播--微信直播--小程序直播开发
- COMSOL电磁仿真案例——感应线圈
- 苹果手机透明桌面_微信界面全局透明壁纸设置教程 苹果iOS与安卓手机弄法步骤...
- How far away ? HDU - 2586 trajan算法lca
- 编程数学课:万万没想到,他们都用这个方式学好了数学
- java attachment_Java 接收邮件(接收多附件)
- 关于二分查找那些事儿~~~~看完至少节省你两个半月的时间!!!!!
- Adversarial Logit Pairing_CSDN
- 好好说话之Tcache Attack(1):tcache基础与tcache poisoning
- C# 第1次实验报告:熟悉Visual Studio环境
- 帝国CMS(EmpireCMS) v7.5 后台XSS漏洞复现与原理分析
热门文章
- promehteus 监控超时_07 . Prometheus监控Memcached并配置Grafana
- CRT中的时间(time_t和tm)
- SQLite学习手册(数据类型)
- 定时采用ajax方式获得数据库,《基于Ajax的在线客服系统的设计与实现》-毕业设计论文(学术).doc...
- flink 三种时间机制_Flink1.10入门:时间机制简介
- 【深度学习】围观特斯拉总监把玩MNIST
- 【Python基础】Python 流程控制专题总结
- 励志:读书七年,为了挣钱,我竭尽全力
- CVPR 2022 57 篇论文分方向整理 + 打包下载|涵盖目标检测、语义分割、人群计数、异常检测等方向
- 网易云信携手SNH48 GROUP,打造在线追星新体验