从2021的收藏夹里掏出 22个实用的前端工具给大家~(下)

简介: 接上文。

十一、Lowdefy


Lowdefy 是一个开源的低代码框架,通过 YAML 来轻松构建 web 应用、管理面板、 BI 仪表板、工作流和 CRUD 应用


19d5bba213b088d3036d18ceb385f3de.png

十二、uncut


uncut 是一个现代字体目录网站,重点是开源,可免费用于个人和商用,看了一下总共收录了90种字体,任君挑选~


0dccbca0cd1b940cddb448a6373217c3.png

十三、fetoolkit


fetoolkit 是一个前端开发工具箱,收录了20多种编码、图片相关的工具,包括 CSS、 JSON、图标、 SVG、图像压缩、 npm、 regex 等工具


df0f5992a87bbaa4b42002605b5bc8b8.png

十四、Unicode Arrows


Unicode Arrows 是一个收录了各式各样的箭头相关的十六进制代码


9275c89c285db9c9fb3ca3f9d101e50e.png


十五、components AI


components AI 是一个主题构建器,包括语法高亮生成器渐变阴影工具SVG 图案生成器动画背景等等,全部都可以在线调试,非常好用


0807c78992c4293f5f67f3cd6064f847.png

十六、Glitter


Glitter 是一个荧光字体生成器,项目不复杂,但很好看,我们可以随意修改文本,最后导出SVG


a814d47b5d24c25c5734b6d00ff6e2b0.png


十七、Iconduck


Iconduck 是一个开源icon网站,拥有超过100,000个图标,可以通过关键字搜索,并且都可以在商业项目中使用


4c892e9cba3cd740433756b3ef21e845.png

十八、pattern-generator


pattern-generator 是一个帮助你生成背景图片的网站,就几十种图案可选,而且每种图案里的元素都可以通过交互按钮任意修改,最后可以导出 JPEG、 PNG、SVG 、CSS背景代码,也支持退出后恢复上一次操作的内容


af8d306513b39f4f687eee742aebeffd.png

十九、buttons-generator


buttons-generator 是一个包含了很多种交互形式以及样式的按钮的网站,大概有**120+**种,对于有自定义按钮需求的小伙伴可以作参考


092c12e36f7084f65528cec1e5862cc4.png

二十、Coding Fonts


Coding Fonts 是收集了45种代码字体的网站,大部分都是免费的,当然也有收费的,可以选个心仪的放到自己的编辑器里去(小声bb一句,我还是最喜欢JetBrains Mono,免费又好看)


92fb8a544ebb9c3a24589be541ce4a13.png

二十一、svgrepo


svgrepo 是一个 SVG 图标库,坐拥 300,000 + 免费使用的SVG图标,大部分也都是可以商用的。网站支持搜索,无需登录即可收藏(可能是存的localstorage)~


ccecc3fe9829752a7b0777a7927ad953.png

二十一、maplibre


maplibre 是一个JavaScript世界地图库,开箱即用,同时也支持了IOS和Android的SDK


f812502a8946abbcfb2c489da96ce41d.png

二十二、Dopefolio


Dopefolio 是一个开箱即用的官网页面生成器,没有依赖一堆的三方开源库,全部是纯HTML、CSS,所以SEO做的非常好,Lighthouse分数也很高,同时支持页面响应式。有官网页面需求的小伙伴可以尝试使用


46346bfdc865bb6f02d141cefde10d13.png

END


家底都掏空了,希望对你们有所帮助。独乐乐不如众乐乐,如果你还有什么更推荐的网站或工具的话,可以在评论区留言~


我是零一,分享技术,不止前端!下期见~

相关文章
|
人工智能 前端开发 JavaScript
从2021的收藏夹里掏出 22个实用的前端工具给大家~(上)
大家好,我是零一,转眼又到了2022年,相信大家去年收藏夹里一定多了不少宝藏工具,快一起来分享一下吧~ 我先来!
155 0
从2021的收藏夹里掏出 22个实用的前端工具给大家~(上)
|
3月前
|
Web App开发 缓存 前端开发
前端性能优化的整理笔记(一)
前端性能优化的整理笔记(一)
135 0
|
7天前
|
存储 前端开发 JavaScript
前端语言串讲 | 青训营笔记
前端语言串讲 | 青训营笔记
9 0
|
2月前
|
JSON 前端开发 JavaScript
前端Ajax、Axios和Fetch的用法和区别笔记
前端Ajax、Axios和Fetch的用法和区别笔记
55 2
|
2月前
|
前端开发 JavaScript 数据库
如何实现前后端分离-----前端笔记
如何实现前后端分离-----前端笔记
|
2月前
|
前端开发 安全 NoSQL
技术笔记:Security前端页面配置
技术笔记:Security前端页面配置
|
3月前
|
存储 前端开发 JavaScript
前端笔记_OAuth规则机制下实现个人站点接入qq三方登录
前端笔记_OAuth规则机制下实现个人站点接入qq三方登录
68 1
|
3月前
|
移动开发 前端开发 JavaScript
10款精美的web前端源码的特效,2024年最新面试题+笔记+项目实战
10款精美的web前端源码的特效,2024年最新面试题+笔记+项目实战
|
3月前
|
前端开发 容器
CSS3属性详解(一)文本 盒模型中的 box-ssize 属性 处理兼容性问题:私有前缀 边框 背景属性 渐变 前端开发入门笔记(七)
CSS3属性详解(一)文本 盒模型中的 box-ssize 属性 处理兼容性问题:私有前缀 边框 背景属性 渐变 前端开发入门笔记(七)
58 2
|
3月前
|
移动开发 前端开发 JavaScript
CSS选择器 前端开发入门笔记(十)
CSS选择器 前端开发入门笔记(十)
47 1