1) Checklist Design

在设计网站元素时，可以通过提供信息和必要元素(如按钮、卡片、表格等)来综合网站设计知识…

2) Web Gradients

在哪里合成美丽的渐变背景色的网站设计。

3) Webframe

收集美丽的web应用程序设计和每周更新。

4) Spline

该应用程序可以帮助您创建网站的3D效果。

5) Type Anything

Web应用程序，允许我们设计排版的网站，如字体选择，字体权重，字间距…

6) Laws of UX

这是一组设计人员在构建网站用户界面时的最佳实践。

7) Animista

Web应用程序，帮助你练习CSS动画效果的网站开发。

8) Screenlane

专注于综合网站UI设计。

9) Froala Design Blocks

综合170多个UI响应式网站设计。

10) 3Dicons

免费的3D图标收集网站设计和开发。

11) Collectui

UI设计总结和每日更新。

12) humaaans

为设计师收集插图的人。

13) Design Principles

致力于提供设计原则和方法的开源集合。

14) Learn Anything

当你想学习某样东西时，提供详细的路线。

15) Standard Resume

一个网页应用程序，帮助创建美丽的简历/简历的设计师，开发人员。

16) Pictogon

帮助您为您的网站创建交互式图像。

17) UI Play Book

编译用于构建UI组件的文档。

18) UI Patterns

它帮助你发现设计模式，以及如何解决网站设计过程中的常见问题。

19) Museum of Websites

是一个通过各个发展阶段综合著名网站设计的地方。在我看来，它将帮助你有一个更好的概述如何设计和开发网站的界面。

20) UX Challenges

网站用户体验设计练习集。我喜欢的是，在每个挑战中，都会有特定的教程文章。

21) UX Project Checklist

一个帮助你检查用户体验功能是否符合设计标准的地方。

22) Landing Page Checklist

综合100多个工具登陆页面，如选择域名，登陆页面设计软件，logo maker…

23) Ray

在线软件，帮助创建美丽的图像为您的代码。

24) PixelSnap

帮助您测量您的网站的像素精度元素之间的距离。

25) patternpad

这个web应用程序为网站创建了漂亮的背景图案。

26) Klart

一组漂亮的网站调色板。

27) Drawkit

为网络项目提供免费插图和图标资源。

28) Get Waves

为网站创建波浪动画效果的工具。

29) UXFlow

它使它很容易在Sketch, Figma和Adobe XD创建美丽的网站布局。

30) Code To Go

合成片段，以帮助您解决常见的问题，在网站开发。

31) Blobmaker

帮助您轻松地为网页元素创建blob效果。

32) Webcode Tools

合成生成器工具的HTML, CSS, Meta标签，JSON…

33) Responsively

该应用程序可以帮助您快速测试网站项目在许多不同的设备屏幕

34) The Front-End Checklist

在为项目构建前端时，这里可以帮助您检查要点。

35) Sketch2Code

使用人工智能将手绘设计转换为HTML。

36) Bootstrap Magic 4.0

让Bootstrap4的主题设计变得简单快捷。

37) Glassmorphism CSS Generator

Glassmorphism CSS发电机

38) UnusedCSS

删除web项目中不必要的CSS属性。

39) Magic Pattern

收集网站设计的工具。

40) Cool Backgrounds

帮助您为网站开发创建美丽的背景图像效果。

41) Loremipsum

帮助您在网站开发过程中快速创建内容。

42) Google Fonts

它是一个免费字体的网站集合。

43) Wicked Backgrounds

44) Custom Shape Dividers

帮助您创建美丽的形状为您的网站。

45) UI Design Daily

是一个为网页设计综合UI设计的地方。

结束语 🌞

那么我的 45个前端开发工具🔧 这篇文章就结束了，文章的目的其实很简单，就是对日常工作的 总结和输出 ，输出一些觉得对大家有用的东西， 菜不菜不重要，但是热爱 🔥，希望大家能够喜欢我的文章，我真的很用心在写，也希望通过文章认识更多志同道合的朋友，如果你也喜欢 折腾 ，欢迎加我 好友 ，一起 沙雕 ，一起 进步 。

github🤖: sudongyu

个人博客👨‍💻: 速冻鱼blog

vx👦:sudongyuer

伙伴们，如果喜欢我的 口水话 给🐟🐟点一个赞👍或者关注➕都是对我最大的支持。

加我微信： sudongyuer ，邀你进群，一起学习前端，成为更优秀的工程师～（群二维码在这里-> 前端要早睡 , 二维码过期了的话看链接沸点中的评论，我会把最新的二维码放在评论区，当然也可以加我微信我拉你进群，毕竟我也是有趣的前端，认识我也不赖🌟～

我希望这篇文章能为您提供更多的web开发设计工具!