资源
标题 | 分类 | 备注 |
---|---|---|
plex | 字体 | 开源可商用 |
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