资源
| 标题 | 分类 | 备注 |
|---|---|---|
| hyperui | tailwind | 超全的css组件库，有电商模块 |
| newcss | css 框架 | 一个无css的框架 |
| alternatives-to-using-pure-black | 理论 | 颜色以黑色背景为主来设计更好 |
| preline | css组件库 | tailwind系列 |
| EUI | UI框架 | 国产JS原生的JS框架 |
| 中国传统颜色配色 | 网页配色 | 这个设计师还是正常人，可以直接看到颜色结果 |
| uiverse.io | ui控件库 | htm+css |
| css-loaders | loading动画 | |
| epicmax | loading动画 | |
| loading.io | loading动画 | |
| shoelace.style | UI框架 | 适配3种前端框架 |
| iconbuddy | icon | 可以搜索 |
| polygonal 各种颜色标准 对比度等 | ||
| spinkit | 等待动画 | 多种可选 |
| devices.css | 手机模拟 | css绘制手机项目 |
| purecss | mini css框架 | 微型，好用 |
| codepen 天气图标 | codepen | 天气特效logo |
| animate.style | 简单动画 css 库 | |
| 图片展示特效 | codepen | 这个太棒了 |
| maeda 图标 | 图标免费 | 马赛克图标 |
| loading.io | 动画 | 等待动画 |
| Cubic | 字体 | 马赛克字体 |
| svg-paths | svg | 教程 |
| icones | icon | 各种图标合集 |
| iconbuddy | icon | 图标合集 |
| svgporn | icon | 图标 彩色 |
| svgrepo | icon | 图标 彩色 |
| reshot icon | icon | 图标 彩色 |
| aicolors | ai 配色网站 | 自动、多种方式配色 |
| daisyui | tailwind | 新的ui控件 |
| cool-retro-term | 终端 | 旧显示器效果 ，超高赞 |
| V_Kurbatov 设计师 | ux ui设计师 | 偏家居方向 |
| uiprint | 原型设计模板 | 可以打印，有手机端和电脑端 |
| unocss | 框架 | 不同于tailwind的框架，提供了更多的兼容性 |
| lottiefiles | 动画 | lottie动画网站，下载，制作 |
| worditout | 词云生成 | |
| moage | 词云生成 | |
| yciyun | 词云生成 | |
| tabler | ui套件 | 整站都是ts和html和css写的 |
| shadcn | react的ui套件 | 有多种框架集成套件 |
| 美叶 | ui社区 | 找灵感 |
| 优设 | ui 资源导航 | 国内最全 |
| 1001fonts | 字体 | |
| 设计达人 | 设计分享 | 提高UI设计水平 |
| overwatch-ui | 主题 | 守望先锋主题 |
| hue.tools | 配色工具 | 在线颜色卡分析 |
| sailboatui | tailwind | ui套件 |
| pixel-me.tokyo | 头像 | 生成马赛克头像 |
| uiverse.io | 开源css代码 | 使用tailwind制作的各种css效果 |
| css-doodle | css绘图 | 使用css语法来绘制复杂图形 |
| picocss | css框架 | 微型css框架 |
| minicss | css框架 | 45-55kb大小 |
| bulma | css框架 | 响应式和移动优先的设计 |
| layui | css框架 | 国产超强css框架 |
| axui | css框架 | 国产，基本都是CSS实现的功能，120个组件，60个插件 |
| picnicss | css框架 | 只有10KB |
| grid layoutit | grid设计工具 | 在线设计工具 |
| cssgrid generator | grid设计工具 | |
| flexbox设计 | flexbox在线设计工具 | |
| css layout模板 | 在线模板 | 有多种css模板，直接复制粘贴 |
| css hamburgers | css菜单 | 汉堡包菜单 多种格式，效果非常好 |
| grid-auto-rows | grid 设计器 | |
| css.gg | icon css集合 | 快速选择css图标 |
| layuimini | 前端框架 | 最小化layui，值得推荐 |
| 太阳系 css | codepen | 太阳系 |
| 星空背景 | codepen | 星星背景 |
| 图片切片展播 | codepen | 图片特效 |
| 图片伸缩动画特效 | codepen | 近景远景图片伸缩特效 |
| 404动画 | codepen | css绘画 |
| css-animation-101 | 动画 | css动画教程 |
| 动画1 | codepen | 带动画的边框特效 |
| 动画2 | codepen | 带动画的边框特效 |
| 动画3 | codepen | 带动画的边框特效 |
| 动画4 | codepen | 带动画的边框特效 |
| 动画5 | codepen | 带动画的边框特效 |
| 动画6 | codepen | 带动画的边框特效 |
| yesicon | ico | ico集合 |
| uCharts | 小程序或app | 高性能跨平台图表库 |
| tailspark | tailwind | 免费的组件和模板大全 |
| figma.cool | figma | UI设计工具 |
| css-buttons-examples | 按钮样式 | 漂亮的CSS按钮样式 |
| copy-paste-css | 样式合集 | 复制粘贴即可使用 |
| css-mobile-menus | 移动端菜单 | 漂亮的集合 |
| uiverse | 样式合集 | 各种美化的CSS样式合集 |
| babybird | css 动画效果 | 非常有趣的纯css动画效果，可以用在按钮上 |
| 3d-book-image-css-generator | 3D | 立体书的展示效果 |
| uiverse 在线好看的css | 效果展示 | 特效 |
| 马赛克边框 border | 特效 | 马赛克边框 |
| overwatch-ui | ui库 | 守望先锋皮肤，仅支持vue |
| bytemd | markdown | 多种mk的css主题 |
| uiverse.io | 特效 | 各种css特效 |
| css-loaders | 特效 | 加载器 |
| scrollbar.app | 滚动栏 | css定制滚动栏样式 |
| 150个UX设计分享 | UX | 全英 |
| SuperFlyTwo | 字体 | 英文狂草字体 |
| hyperui | css框架 | tailwind的css框架 |
黑色背景
- 炭灰色| 十六进制 #121212
- 深板岩灰色 |十六进制：#191919
- 外太空 |十六进制：#252525
- 浓黑色 |十六进制：#0A0A0A
- 咖啡豆 |十六进制：#1B1B1B
- 深灰色 |十六进制：#212427
- 油黑|十六进制：#0C0C0C
- 黑曜石 |十六进制：#0B1215
- 乌木 |十六进制：#222428
- 黑巧克力 |十六进制：#100D08
- 青铜色 |十六进制：#1D1F21
- 烟熏黑 |十六进制：#101720
- 牛津蓝 |十六进制：#212A37
- 怪异的黑色 |十六进制：#232023
- 墨黑色 |十六进制：#161618
- 铱 |十六进制：#181818
- 砷 |十六进制：#11181C
- 查尔斯顿格林 |十六进制：#212124
- 深青铜色 |十六进制：#222428
- 喷气式飞机 |十六进制：#2A2A2A
- 黑橄榄 |十六进制：#242526
- 午夜蓝 |十六进制：#212121
