Hello everyone, I am quick-frozen fish 🐟, a water front 💦, like the garish 💐, continuous sand sculpture 🌲 Welcome friends to add my wechat: Sudongyuer pull you into the group of my public number: front-end quick-frozen fish progress together, looking forward to growing together with everyone
Today we’ll delve into UI development tools that are useful to developers and designers.
1) Checklist Design
When designing web site elements, you can integrate web design knowledge by providing information and necessary elements (buttons, cards, tables, etc.)…
Link
2) Web Gradients
Site design where to synthesize beautiful gradient background colors.
Link
3) Webframe
Collection of beautiful Web application designs and weekly updates.
Link
4) Spline
This application helps you create a 3D look for your website.
Link
5) Type Anything
Web applications that allow us to design typographic websites, such as font selection, font weight, word spacing…
Link
6) Laws of UX
This is best practice for a team of designers when building web site user interfaces.
Link
7) Animista
Web application to help you practice CSS animation effects of website development.
Link
8) Screenlane
Focus on integrated website UI design.
Link
9) Froala Design Blocks
Integrated more than 170 UI responsive web design.
Link
10) 3Dicons
Free 3D icon collection for website design and development.
Link
11) Collectui
UI design summary and daily updates.
Link
12) humaaans
Someone who collects illustrations for designers.
Link
13) Design Principles
An open source collection dedicated to providing design principles and methodologies.
Link
14) Learn Anything
When you want to learn something, provide detailed directions.
Link
15) Standard Resume
A web application that helps create beautiful resumes/resumes for designers, developers.
Link
16) Pictogon
Helps you create interactive images for your website.
Link
17) UI Play Book
Compile the documentation used to build UI components.
Link
18) UI Patterns
It helps you discover design patterns and how to solve common problems in the website design process.
Link
19) Museum of Websites
Is a place to synthesize famous web design through all stages of development. In my opinion, it will help you have a better overview of how to design and develop the site’s interface.
Link
20) UX Challenges
Website User experience Design Practice set. What I like is that for each challenge, there are specific tutorial articles.
Link
21) UX Project Checklist
A place to check that user experience features meet design standards.
Link
22) Landing Page Checklist
Integrate more than 100 tools landing page, such as select domain name, landing page design software, LOGO Maker…
Link
23) Ray
Online software that helps create beautiful images for your code.
Link
24) PixelSnap
Helps you measure the distance between elements of your site’s pixel accuracy.
Link
25) patternpad
This Web application creates beautiful background patterns for web sites.
Link
26) Klart
A beautiful web site palette.
Link
27) Drawkit
Free illustration and icon resources for web projects.
Link
28) Get Waves
Tool to create wave animation effects for web sites.
Link
29) UXFlow
It makes it easy to create beautiful website layouts in Sketch, Figma and Adobe XD.
Link
30) Code To Go
Synthetic snippets to help you solve common problems in website development.
Link
31) Blobmaker
Helps you easily create BLOB effects for web elements.
Link
32) Webcode Tools
Compositor tools for HTML, CSS, Meta tags, JSON…
Link
33) Responsively
The application can help you quickly test website projects on many different device screens
Link
34) The Front-End Checklist
This can help you examine the essentials as you build the front end for your project.
Link
35) Sketch2Code
Use artificial intelligence to convert hand-drawn designs into HTML.
Link
36) the Bootstrap Magic 4.0
Make theme design in Bootstrap4 easy and quick.
Link
37) Glassmorphism CSS Generator
Glassmorphism CSS generator
Link
38) UnusedCSS
Remove unnecessary CSS properties from web projects.
Link
39) Magic Pattern
Collect web design tools.
Link
40) Cool Backgrounds
Helps you create beautiful background image effects for web site development.
Link
41) Loremipsum
Helps you quickly create content during website development.
Link
42) Google Fonts
It is a collection of free font sites.
Link
43) Wicked Backgrounds
Link
44) Custom Shape Dividers
Helps you create beautiful shapes for your website.
Link
45) UI Design Daily
Is a comprehensive UI design place for web design.
Link
Related articles 📖
- Open source projects for front-end developers
- Free web design generator tools
- Best Web Developer Visual Studio code extension
- Udemy’s Top 10 Best Web development courses
- Great articles and tools for Web development part 1
Conclusion 🌞
Then my 45 front-end development tool 🔧 ended this article, the purpose of the article is very simple, is the author’s daily work and output, output some feel useful things for people, food is not food is not important, but love 🔥, hope everyone can like my articles, I am really very attentively in writing, also hope that through articles meet more like-minded friends, If you also like to toss, welcome to add my friends, sand sculpture, progress together.
Making 🤖 : sudongyu
Personal blog 👨💻: Frozen fish blog
Vx 👦 : sudongyuer
Write in the last
Guys, if you like my words, give 🐟🐟 a thumbs up 👍 or follow ➕ to support me the most.
Add me on wechat: Sudongyuer, invite you into the group and learning the front together, become a better engineer ~ (group of qr code here – > front to go to bed early, qr code has expired, see the links to the boiling point in the comments, I will put the latest qr code in the comments section, of course, can also add me WeChat I pull you into the group, after all, I also am interesting front end, I also not bad 🌟 ~
I hope this article provides you with more web development and design tools!