25 most useful tools for frontend developers
thejakia1
Jakia Amin
¡1 min read

25 most useful tools for frontend developers

🚀🚀 Frontend āĻĄā§‡āϭ⧇āϞāĻĒāĻžāϰ āĻĻ⧇āϰ āϜāĻ¨ā§āϝ ⧍ā§Ģ āϟāĻŋ āχāωāϜāĻĢ⧁āϞ āϟ⧁āϞāϏ:

✅ UX challenges:

āĻ•āĻĨāĻžāϝāĻŧ āφāϛ⧇, practice makes a man perfectāĨ¤ āφāϏāϞ⧇āχ āϤāĻžāχāĨ¤āϝāϤ āĻŦ⧇āĻļāĻŋ āĻĒā§āĻ°ā§āϝāĻžāĻ•āϟāĻŋāϏ āĻ•āϰāĻž āϝāĻžāϝāĻŧ āϤāϤāχ āφāĻŽāϰāĻž āϕ⧋āύ āĻŦāĻŋāώāϝāĻŧ āĻ­āĻžāϞ⧋ āĻŽāϤāύ āϜāĻžāύāĻŋāĨ¤ āĻ“āϝāĻŧ⧇āĻŦāϏāĻžāχāĻŸā§‡āϰ UX āĻĄāĻŋāϜāĻžāχāύ⧇āϰ āĻŦāĻŋāĻ­āĻŋāĻ¨ā§āύ āĻāĻ•ā§āϏāĻžāϰāϏāĻžāχāϜ āĻĻ⧇āĻ“āϝāĻŧāĻž āφāϛ⧇ āĻāĻ–āĻžāύ⧇ āϝāĻž āφāĻĒāύāĻŋ āĻ…āύ⧁āĻļā§€āύ āĻ•āϰāϤ⧇ āĻĒāĻžāϰ⧇āύāĨ¤ āĻšā§āϝāĻžāϞ⧇āĻžā§āϜ āϗ⧁āϞ⧋āϰ āĻŽāĻžāĻ§ā§āϝāĻŽā§‡ āύāĻŋāĻœā§‡āϰ āĻĻāĻ•ā§āώāϤāĻž āϝāĻžāϚāĻžāχ āĻ•āϰ⧇ āύāĻŋāϤ⧇ āĻĒāĻžāϰ⧇āύāĨ¤ āĻŦ⧇āĻļ āχāωāϜāĻĢ⧁āϞ āĻŽāύ⧇ āĻšāϝāĻŧ⧇āϛ⧇āĨ¤ āϞāĻŋāĻ‚āĻ•: https://uxtools.co/challenges/

✅ Collect UI:

āĻŦāĻŋāĻ­āĻŋāĻ¨ā§āύ āϚāϞ⧇āĻžā§āĻœā§‡āϰ āĻŽāĻžāĻ§ā§āϝāĻŽā§‡ āĻĄāĻŋāϜāĻžāχāύāĻžāϰ āϰ āϤāĻžāĻĻ⧇āϰ āĻĄāĻŋāϜāĻžāχāύ āϗ⧁āϞ⧋ āĻāĻ–āĻžāύ⧇ āĻļ⧇āϝāĻŧāĻžāϰ āĻ•āϰ⧇āύāĨ¤ āϏāĻŦāϏāĻŽāϝāĻŧ āχ āφāĻĒāĻĄā§‡āϟ āĻšāϝāĻŧ⧇ āύāϤ⧁āύ āύāϤ⧁āύ āĻĄāĻŋāϜāĻžāχāύ āφāϏ⧇āĨ¤ āĻāĻ–āĻžāύ āĻĨ⧇āϕ⧇ āĻ­āĻžāϞ⧋ āĻ­āĻžāϞ⧋ āĻĄāĻŋāϜāĻžāχāύ āϗ⧁āϞ⧋ āĻĻ⧇āϖ⧇ āύāĻŋāĻœā§‡āϰ āĻŽāϤāύ āĻāĻ•āϟāĻž āĻ­āĻžāϞ⧋ āĻĄāĻŋāϜāĻžāχāύ āĻĻāĻžāĻĄāĻŧ āĻ•āϰāĻŋāϝāĻŧ⧇ āĻĢ⧇āϞāϤ⧇ āĻĒāĻžāϰāĻŦ⧇āύāĨ¤ āϞāĻŋāĻ‚āĻ•āσ https://collectui.com/

✅ PixelSnap:

āĻ•āĻĨāĻžāϝāĻŧ āφāϛ⧇ āύāĻž āĻĒāĻžāχ āĻĒāĻžāχ āĻšāĻŋāϏ⧇āĻŦ? āĻ•āĻŋāĻ¨ā§āϤ āĻāĻ–āĻžāύāĻ•āĻžāϰ āĻšāĻŋāϏ⧇āĻŦ āϟāĻž āĻĒāĻŋāĻ•ā§āϏ⧇āϞ⧇āĨ¤ āĻāϟāĻŋ āĻĒ⧁āϰ⧋ āĻ¸ā§āĻ•ā§āϰāĻŋāύ āϜ⧁āĻĄāĻŧ⧇ āĻ•āĻžāϜ āĻ•āϰ⧇ āϏāĻŦ āϧāϰāύ⧇āϰ āĻāĻĒā§āϞāĻŋāϕ⧇āĻļāύ āĻāĨ¤ āϝ⧇āϕ⧋āύ⧋ āĻ•āĻŋāϛ⧁ āĻŽā§‡āĻĒ⧇ āύāĻŋāϤ⧇ āĻĒāĻžāϰāĻŦ⧇āύāĨ¤ āϝāĻžāĻĻ⧇āϰ āϏāĻŦ āĻĒāĻŋāĻ•ā§āϏ⧇āϞ āĻĒāĻžāϰāĻĢ⧇āĻ•ā§āϟ āĻĻāϰāĻ•āĻžāϰ āϤāĻžāĻĻ⧇āϰ āĻŦ⧇āĻļ āĻ•āĻžāĻœā§‡ āφāϏāĻŦ⧇āĨ¤ āϞāĻŋāĻ‚āĻ•: https://getpixelsnap.com/

✅ Landing Page Checklist:

āĻ•āĻŋ āύ⧇āχ āĻāϤ⧇? Landing page āĻāϰ āĻĒā§āϰāĻžāϝāĻŧ ā§§ā§Ļā§Ļ āϟāĻŋāϰ āĻŦ⧇āĻļāĻŋ āϟ⧁āϞāϏ āϰāϝāĻŧ⧇āϛ⧇ āĻāϤ⧇āĨ¤ āĻšā§‹āĻ• āϏ⧇āϟāĻž āĻĄā§‹āĻŽā§‡āχāύ āύ⧇āχāĻŽ āĻĨ⧇āϕ⧇ āĻļ⧁āϰ⧁ āĻ•āϰ⧇, āϞ⧋āĻ—ā§‹ āĻŽā§‡āĻ•āĻžāϰ, āχāϞāĻžāĻ¸ā§āĻŸā§āϰ⧇āĻļāύ āĻ•āĻŋāĻ‚āĻŦāĻž āĻĄāĻŋāϜāĻžāχāύ āϏāĻĢāϟāĻ“āϝāĻŧā§āϝāĻžāϰāĨ¤ āĻ­āĻŋāϜāĻŋāϟ āĻ•āϰ⧇ āĻĻ⧇āĻ–āϤ⧇ āĻĒāĻžāϰ⧇āύāĨ¤ āϞāĻŋāĻ‚āĻ•: https://landingpage.fyi/landing-page-checklist.html

✅ Checklist Design:

āĻ“āϝāĻŧ⧇āĻŦāϏāĻžāχāϟ āĻĄāĻŋāϜāĻžāχāύ⧇āϰ āĻ…āύ⧇āĻ• āϖ⧁āρāϟāĻŋāύāĻžāϟāĻŋ āĻŦāĻŋāώāϝāĻŧ āϗ⧁āϞ⧋āϰ āĻ…āĻŦā§āĻĻāĻŋ āĻŦāĻ°ā§āĻŖāύāĻž āĻĻ⧇āĻ“āϝāĻŧāĻž āφāϛ⧇āĨ¤ āĻ“āϝāĻŧ⧇āĻŦ āĻĄāĻŋāϜāĻžāχāύ āĻāϞāĻŋāĻŽā§‡āĻ¨ā§āϟ āϗ⧁āϞ⧋āϰ āύāϞ⧇āϜ increase āĻ•āϰāϤ⧇ āϏāĻšāĻžāϝāĻŧāϤāĻž āĻ•āϰāĻŦ⧇āĨ¤ āĻ…āĻŦāĻļā§āϝāχ āĻ­āĻŋāϜāĻŋāϟ āĻ•āϰāĻŦ⧇āύāĨ¤ āϞāĻŋāĻ‚āĻ•: https://www.checklist.design/

✅ Museum of Websites:

āϜāύāĻĒā§āϰāĻŋāϝāĻŧ āĻ“āϝāĻŧ⧇āĻŦāϏāĻžāχāϟ āϗ⧁āϞ⧋āϰ UI āĻāϰ āĻŦāĻŋāĻ­āĻŋāĻ¨ā§āύ āĻĄā§‡āϭ⧇āϞāĻĒāĻŽā§‡āĻ¨ā§āϟ āĻ¸ā§āĻŸā§‡āϜ āϗ⧁āϞ⧋āϰ āĻŦāĻŋāĻŦāϰāĻŖ āϏāĻŽāĻ¨ā§āĻŦāϝāĻŧ āĻ•āϰāĻž āĻšāϝāĻŧ⧇āϛ⧇ āĻāĻ–āĻžāύ⧇āĨ¤ āĻ•āĻŋāĻ­āĻžāĻŦ⧇ āĻāĻ•āϟāĻŋ āĻ“āϝāĻŧ⧇āĻŦāϏāĻžāχāĻŸā§‡āϰ āχāĻ¨ā§āϟāĻžāϰāĻĢ⧇āϏ āĻĄāĻŋāϜāĻžāχāύ āĻ“ āĻĄā§‡āϭ⧇āϞāĻĒ āĻ•āϰāĻž āϝāĻžāϝāĻŧ āĻ āϏāĻŽā§āĻĒāĻ°ā§āϕ⧇ āĻāĻ•āϟāĻŋ āĻ­āĻžāϞ⧋ āĻ“āĻ­āĻžāϰāĻ­āĻŋāω āĻĒāĻžāĻ“āϝāĻŧāĻž āϝāĻžāϝāĻŧāĨ¤ āϞāĻŋāĻ‚āĻ•āσ https://www.kapwing.com/museum-of-websites

✅ UI Play Book:

āĻāχ āĻ“ā§Ÿā§‡āĻŦāϏāĻžāχāϟ āϟāĻŋ āφāĻŽāĻžāϰ āĻ•āĻžāϛ⧇ āϖ⧁āĻŦ āĻŦ⧇āĻļāĻŋ āχāωāϜāĻĢ⧁āϞ āĻŽāύ⧇ āĻšā§Ÿā§‡āϛ⧇āĨ¤ āĻāĻ–āĻžāύ⧇ UI āĻāϰ āĻŦāĻŋāĻ­āĻŋāĻ¨ā§āύ āĻĒāĻžāĻ°ā§āϟ āϗ⧁āϞ⧋āϰ āĻŦāĻ°ā§āĻŖāύāĻž āϖ⧁āĻŦāχ āϗ⧁āĻ›āĻžāύ⧋ āĻ“ āĻŦāĻŋāĻ¸ā§āϤāĻžāϰāĻŋāϤ āĻ­āĻžāĻŦ⧇ āĻĻ⧇āĻ“ā§ŸāĻž āφāϛ⧇āĨ¤ āϞāĻŋāĻ‚āĻ•āσ https://uiplaybook.dev/

✅ Standard Resume:

āϖ⧁āĻŦ āϏāĻŋāĻŽāĻĒā§āϞāĻŋ āĻ…āĻ˛ā§āĻĒ āϏāĻŽā§Ÿā§‡ āϝāĻĻāĻŋ āĻāĻ•āϟāĻŋ āϰ⧇āϜ⧁āĻŽāĻŋ āĻŦāĻžāύāĻŋā§Ÿā§‡ āύāĻŋāϤ⧇ āϚāĻžāύ āϤāĻžāĻšāϞ⧇ āĻ…āĻŦāĻļā§āϝāχ āĻāχ āĻ“ā§Ÿā§‡āĻŦāϏāĻžāχāϟ āϟāĻŋ āϘ⧁āϰ⧇ āφāĻ¸ā§āϤ⧇ āĻĒāĻžāϰ⧇āύāĨ¤ āĻāĻ–āĻžāύ⧇ āφāϛ⧇ āĻŦāĻŋāĻ­āĻŋāĻ¨ā§āύ āĻŸā§‡āĻŽā§āĻĒāϞ⧇āϟ āĻ“ āĻāĻ•ā§āϏāĻžāĻŽā§āĻĒāϞ āϝ⧇āĻ–āĻžāύ āĻĨ⧇āϕ⧇ āφāĻĒāύāĻŋ āύāĻŋāĻœā§‡āĻ“ āĻāĻ•āϟāĻŋ āϧāĻžāϰāύāĻž āύāĻŋā§Ÿā§‡ āχāωāύāĻŋāĻ• āĻ•āĻŋāϛ⧁ āĻŦāĻžāύāĻŋā§Ÿā§‡ āĻĢ⧇āϞāϤ⧇ āĻĒāĻžāϰāĻŦ⧇āύāĨ¤ āϞāĻŋāĻ‚āĻ•āσ https://standardresume.co/

✅ humaaans:

āĻ“ā§Ÿā§‡āĻŦāϏāĻžāχāĻŸā§‡ āĻŽāĻžāύ⧁āώ⧇āϰ āĻļ⧇āĻĒ āĻĒā§āĻ°ā§Ÿā§‹āϜāύ āĻšā§Ÿ āĻ…āύ⧇āĻ• āϏāĻŽā§ŸāĨ¤ humaaans āĻāϰ āĻŽāĻžāĻ§ā§āϝāĻŽā§‡ āĻŦāĻŋāĻ­āĻŋāĻ¨ā§āύ āϧāϰāύ⧇āϰ āĻšāĻŋāωāĻŽā§āϝāĻžāύ āĻŦāĻĄāĻŋ āφāĻĒāύāĻŋ āύāĻŋāĻœā§‡āχ āϰāĻŋāĻŽāĻŋāĻ•ā§āϏ āĻ•āϰ⧇ āĻŦāĻžāύāĻŋā§Ÿā§‡ āύāĻŋāϤ⧇ āĻĒāĻžāϰāĻŦ⧇āύāĨ¤ āĻāĻ›āĻžā§œāĻž āĻāϤ⧇ āφāϛ⧇ āĻŦāĻŋāĻ­āĻŋāĻ¨ā§āύ āϧāϰāύ⧇āϰ āĻŸā§‡āĻŽā§āĻĒāϞ⧇āϟāϏāĨ¤ āϖ⧁āĻŦ āϏāĻšāĻœā§‡ āύāĻŋāĻœā§‡āϰ āĻāĻ•āϟāĻž āĻ•āĻžāĻ¸ā§āϟāĻŽ āĻĄāĻŋāϜāĻžāχāύ āĻŦāĻžāύāĻŋāϝāĻŧ⧇ āĻĢ⧇āϞāĻž āϏāĻŽā§āĻ­āĻŦāĨ¤ āϞāĻŋāĻ‚āĻ•: https://www.humaaans.com

✅ Get Waves:

āĻ“āϝāĻŧ⧇āĻŦāϏāĻžāχāĻŸā§‡āϰ āϜāĻ¨ā§āϝ āύāĻŋāϜ āχāĻšā§āĻ›āĻžāĻŽāϤ⧋ āĻ•āĻžāĻ¸ā§āϟāĻŽ wave āĻāύāĻŋāĻŽā§‡āĻļāύ āχāĻĢ⧇āĻ•ā§āϟ āϖ⧁āĻŦ āϏāĻšāĻœā§‡āχ āĻĒāĻžāĻ“āϝāĻŧāĻž āϏāĻŽā§āĻ­āĻŦ āĻāĻ–āĻžāύ⧇āĨ¤ āϞāĻŋāĻ‚āĻ•: https://getwaves.io/

✅ Animista:

āĻāχ āĻ“āϝāĻŧ⧇āĻŦāϏāĻžāχāϟ āϟāĻŋ āφāĻĒāύāĻžāϕ⧇ āĻšā§‡āĻ˛ā§āĻĒ āĻ•āϰāĻŦ⧇ āĻ“āϝāĻŧ⧇āĻŦāϏāĻžāχāϟ āĻāϰ āĻāύāĻŋāĻŽā§‡āĻļāύ āχāĻĢ⧇āĻ•ā§āϟ āϗ⧁āϞ⧋ āĻĒā§āĻ°ā§āϝāĻžāĻ•āϟāĻŋāϏ āĻ•āϰāϤ⧇āĨ¤ āφāĻŽāϰāĻž āĻ…āύ⧇āϕ⧇āχ āĻĒā§āϰāĻĒāĻžāϰāϞāĻŋ āϏāĻŦ āχāĻĢ⧇āĻ•ā§āϟ āϗ⧁āϞ⧋āϰ āύāĻžāĻŽ āϜāĻžāύāĻŋāύāĻžāĨ¤ āĻŸā§āϰāĻžāχ āĻ•āϰ⧇ āĻĻ⧇āĻ–āĻž āϝāĻžāϝāĻŧāĨ¤ āĻŽā§‹āϟāĻžāĻŽā§āϟāĻŋ āĻ­āĻžāϞ⧋āχāĨ¤ āϞāĻŋāĻ‚āĻ•āσ https://animista.net/

✅ Blobmaker:

āĻ“āϝāĻŧ⧇āĻŦāϏāĻžāχāĻŸā§‡ āĻŦā§āϝāĻŦāĻšā§ƒāϤ blob shape āϗ⧁āϞ⧋ āĻāĻ–āύ āĻĨ⧇āϕ⧇ āύāĻŋāĻœā§‡āϰ āχāĻšā§āĻ›āĻžāĻŽāϤ āĻ•āĻžāϞāĻžāϰ āĻāĻŦāĻ‚ āĻļ⧇āĻĒ āĻĻāĻŋāϝāĻŧ⧇ āĻŦāĻžāύāĻŋāϝāĻŧ⧇ āύāĻŋāϤ⧇ āĻĒāĻžāϰāĻŦ⧇āύāĨ¤ āĻĄāĻžāωāύāϞ⧋āĻĄ āĻ“ āĻ•āϰāϤ⧇ āĻĒāĻžāϰāĻŦ⧇āύ āĻāĻŦāĻ‚ svg āϕ⧋āĻĄ āϟāĻžāĻ“ āĻĒ⧇āϝāĻŧ⧇ āϝāĻžāĻŦ⧇āύāĨ¤ āĻŸā§āϰāĻžāχ āĻ•āϰ⧇ āĻĻ⧇āĻ–āϤ⧇ āĻĒāĻžāϰ⧇āύāĨ¤ āϞāĻŋāĻ‚āĻ•: https://www.blobmaker.app/

✅ Code to Go:

āĻ“āϝāĻŧ⧇āĻŦāϏāĻžāχāϟ āĻĄā§‡āϭ⧇āϞāĻĒāĻŽā§‡āĻ¨ā§āĻŸā§‡āϰ āϏāĻžāϧāĻžāϰāĻŖ āϏāĻŽāĻ¸ā§āϝāĻž āϏāĻŽāĻžāϧāĻžāύ⧇ āϏāĻžāĻšāĻžāĻ¯ā§āϝ āĻ•āϰāĻžāϰ āϜāĻ¨ā§āϝ snippet āϗ⧁āϞ⧋ āϏāĻŽāĻ¨ā§āĻŦāϝāĻŧ āĻ•āϰ⧇āĨ¤ JavaScript āĻ“ react āĻāϰ āĻŦā§āϝāĻŦāĻšā§ƒāϤ āϏāĻŦāϚāĻžāχāϤ⧇ āφāĻĒāĻĄā§‡āĻŸā§‡āϟ snipppet āϗ⧁āϞ⧋ āĻāĻ–āĻžāύ⧇ āĻĒ⧇āϝāĻŧ⧇ āϝāĻžāĻŦ⧇āύāĨ¤ āĻŦ⧇āĻļ āĻ­āĻžāϞ⧋ āϰāĻŋāϏ⧋āĻ°ā§āϏ āφāϛ⧇ āĻāĻ•āĻŦāĻžāϰ āĻĻ⧇āĻ–āϞ⧇āχ āĻŦ⧁āĻāĻŦ⧇āύāĨ¤ āϞāĻŋāĻ‚āĻ•: https://codetogo.io/

✅ UX Project checklist:

āĻāϟāĻŋ UX āĻĄāĻŋāϜāĻžāχāύ⧇āϰ āĻĢāĻŋāϚāĻžāϰ āϗ⧁āϞ⧋ āĻŽāĻžāύāϏāĻŽā§āĻŽāϤ āĻ•āĻŋāύāĻž āϤāĻž āĻĒāϰ⧀āĻ•ā§āώāĻž āĻ•āϰāϤ⧇ āφāĻĒāύāĻžāϕ⧇ āϏāĻžāĻšāĻžāĻ¯ā§āϝ āĻ•āϰāĻŦ⧇āĨ¤ āϞāĻŋāĻ‚āĻ•: https://uxchecklist.github.io/

✅ UX Flow:

āĻāϰ āĻŽāĻžāĻ§ā§āϝāĻŽā§‡ sketch, Adobe āĻ“ figma āϤ⧇ āϖ⧁āĻŦ āϏāĻšāĻœā§‡ āϏ⧁āĻ¨ā§āĻĻāϰ āĻ“āϝāĻŧ⧇āĻŦāϏāĻžāχāϟ āϞ⧇-āφāωāϟ āϤ⧈āϰāĻŋ āĻ•āϰāĻž āϝāĻžāϝāĻŧāĨ¤ āĻ…āύ⧇āĻ•āϗ⧁āϞ⧋ āϟ⧁āϞāϏ āφāϛ⧇āĨ¤ āĻ“āϝāĻŧ⧇āĻŦāϏāĻžāχāϟ āĻ­āĻŋāϜāĻŋāϟ āĻ•āϰ⧇ āĻĻ⧇āĻ–āϤ⧇ āĻĒāĻžāϰ⧇āύāĨ¤ āϞāĻŋāĻ‚āĻ•: https://products.ls.graphics/uxflow/

✅ Drawkit:

āĻ“āϝāĻŧ⧇āĻŦāϏāĻžāχāĻŸā§‡āϰ āĻŦāĻŋāĻ­āĻŋāĻ¨ā§āύ āĻšāĻžāϤ⧇ āφāρāĻ•āĻž āϭ⧇āĻ•ā§āϟāϰ āχāϞāĻžāĻ¸ā§āĻŸā§āϰ⧇āĻļāύ āĻ­āĻžāϞ⧋ āĻāĻ•āϟāĻŋ āϰāĻŋāϏ⧋āĻ°ā§āϏāĨ¤ āϞāĻŋāĻ‚āĻ•: https://drawkit.com/

✅ 3Dicons:

āĻ“āϝāĻŧ⧇āĻŦāϏāĻžāχāϟ āĻĄāĻŋāϜāĻžāχāύ āĻ“ āĻĄā§‡āϭ⧇āϞāĻŽā§‡āĻ¨ā§āϟ āĻāϰ āĻ•ā§āώ⧇āĻ¤ā§āϰ⧇ āĻŦā§āϝāĻŦāĻšā§ƒāϤ āĻŦāĻŋāĻ­āĻŋāĻ¨ā§āύ 3D āφāχāĻ•āύ āϗ⧁āϞ⧋āϰ āĻ­āĻžāϞ⧋ āĻāĻ•āϟāĻŋ āĻ“āĻĒ⧇āύ āϏ⧋āĻ°ā§āϏ āϰāĻŋāϏ⧋āĻ°ā§āϏāĨ¤ āωāĻĒāĻ•ā§ƒāϤ āĻšāĻŦ⧇āύāĨ¤ āϞāĻŋāĻ‚āĻ•: https://3dicons.co/

✅ Web Gradients:

āĻ“āϝāĻŧ⧇āĻŦāϏāĻžāχāĻŸā§‡āϰ āϜāĻ¨ā§āϝ āĻŦāĻŋāĻ­āĻŋāĻ¨ā§āύ āĻ—ā§āĻ°ā§āϝāĻžāĻĄāĻŋāϝāĻŧ⧇āĻ¨ā§āϟ āĻŦā§āϝāĻžāĻ•āĻ—ā§āϰāĻžāωāĻ¨ā§āĻĄ āĻ•āĻžāϞāĻžāϰ āĻāϰ āĻ­āĻžāϞ⧋ āĻāĻ•āϟāĻž āϰāĻŋāϏ⧋āĻ°ā§āϏāĨ¤ āĻ…āύ⧇āĻ•āϗ⧁āϞ⧋ āĻĄāĻŋāϜāĻžāχāύ āĻĻ⧇āĻ“āϝāĻŧāĻž āφāϛ⧇ āĨ¤ āϞāĻŋāĻ‚āĻ•: https://webgradients.com/

✅ Google Fonts:

āφāĻŽāĻžāĻĻ⧇āϰ āϏāĻŦāĻžāϰāχ āĻ…āϤāĻŋ āĻĒāϰāĻŋāϚāĻŋāϤ āĻāĻ•āϟāĻŋ āĻ“ā§Ÿā§‡āĻŦāϏāĻžāχāϟāĨ¤ āĻŦāĻŋāĻ­āĻŋāĻ¨ā§āύ āĻĢā§āϰāĻŋ āĻĢāĻ¨ā§āϟāϏ āϗ⧁āϞ⧋ āĻāĻ–āĻžāύ⧇ āĻĒāĻžāĻ“ā§ŸāĻž āϝāĻžā§ŸāĨ¤ āϞāĻŋāĻ‚āĻ•āσ https://fonts.google.com/

✅ Lorem Ipsum:

āφāĻŽāĻžāĻĻ⧇āϰ āĻĒā§āϰāĻžāϝāĻŧ āϏāĻŦāĻžāϰāχ āĻāĻ•āϟāĻŋ āĻĒāϰāĻŋāϚāĻŋāϤ āĻŽā§āĻ– āĻāϟāĻŋāĨ¤ āĻ“āϝāĻŧ⧇āĻŦāϏāĻžāχāĻŸā§‡ āĻĄāĻžāĻŽāĻŋ āĻŸā§‡āĻ•ā§āϏāϟ āĻœā§‡āύāĻžāϰ⧇āϟ āĻ•āϰāĻžāϰ āϜāĻ¨ā§āϝ āϏāĻŦāĻžāϰ āĻĢāĻžāĻ°ā§āĻ¸ā§āϟ āϚāϝāĻŧ⧇āϜāĨ¤ āϞāĻŋāĻ‚āĻ•: https://loremipsum.io/

✅ Responsively:

āĻŦāĻŋāĻ­āĻŋāĻ¨ā§āύ āĻĄāĻŋāĻ­āĻžāχāϏ⧇āϰ āϜāĻ¨ā§āϝ āĻ“āϝāĻŧ⧇āĻŦāϏāĻžāχāϟ āĻšā§‡āĻ• āĻ•āϰāĻžāϰ āϖ⧁āĻŦāχ āχāωāϜāĻĢ⧁āϞ āĻāĻ•āϟāĻž āĻāĻĒā§āϞāĻŋāϕ⧇āĻļāύāĨ¤ āφāĻŽāĻžāϰ āĻ•āĻžāϛ⧇ āĻĒāĻžāĻ°ā§āϏ⧋āύāĻžāϞāĻŋ āϖ⧁āĻŦ āĻ­āĻžāϞ⧋ āϞāĻžāϗ⧇āĨ¤ āĻāĻ•āϟ⧁ āĻŦāĻŋāĻ­āĻŋāĻ¨ā§āύ āϧāϰāύ⧇āϰ āĻĢāĻžāĻ‚āĻļāύāĻžāϞāĻŋāϟāĻŋ āφāϛ⧇ āĻāĻ•āϟ⧁ āĻāĻ•ā§āϏāĻĒā§āϞ⧋āϰ āĻ•āϰ⧇ āĻĻ⧇āĻ–āϤ⧇ āĻĒāĻžāϰ⧇āύāĨ¤ āϞāĻŋāĻ‚āĻ•: https://responsively.app/

✅ UnusedCSS:

āĻ…āĻŦā§āϝāĻŦāĻšā§ƒāϤ CSS āĻĒā§āϰāĻĒāĻžāĻ°ā§āϟāĻŋ āϗ⧁āϞ⧋ āϰāĻŋāĻŽā§āĻ­ āĻ•āϰ⧇ āĻāĻ•āϟāĻŋ āĻ•ā§āϞāĻŋāύ CSS āĻĢāĻžāχāϞ āĻĒā§āϰ⧋āĻ­āĻžāχāĻĄ āĻ•āϰ⧇āĨ¤ āϞāĻŋāĻ‚āĻ•: https://unused-css.com/

✅ Spline:

āϖ⧁āĻŦāχ āχāωāϜāĻĢ⧁āϞ āĻāĻ•āϟāĻž āĻāĻĒā§āϞāĻŋāϕ⧇āĻļāύāĨ¤ āĻāϰ āĻŽāĻžāĻ§ā§āϝāĻŽā§‡ āĻ“āϝāĻŧ⧇āĻŦāϏāĻžāχāĻŸā§‡āϰ āϜāĻ¨ā§āϝ 3D āχāĻĢ⧇āĻ•ā§āϟ āϤ⧈āϰ⧀ āĻ•āϰāĻž āϏāĻŽā§āĻ­āĻŦāĨ¤ āĻŦāĻŋāĻ­āĻŋāĻ¨ā§āύ 3D āϏāĻŋāύ āĻŦāĻžāύāĻžāύ⧋, āĻŦāĻŋāĻ­āĻŋāĻ¨ā§āύ āĻŽā§āϝāĻžāĻŸā§‡āϰāĻŋāϝāĻŧāĻžāϞāϏ āĻāĻĄāĻŋāϟ āĻ•āϰāĻž āĻĨ⧇āϕ⧇ āĻļ⧁āϰ⧁ āĻ•āϰ⧇ āĻ…āύ⧇āĻ• āĻ•āĻžāϜ āĻ•āϰāĻž āϝāĻžāϝāĻŧ āĻāϟāĻž āĻĻāĻŋāϝāĻŧ⧇āĨ¤ āϖ⧁āĻŦāχ āĻ­āĻžāϞ⧋ āĻ…āĻŦāĻļā§āϝāχ āĻ­āĻŋāϜāĻŋāϟ āĻ•āϰ⧇ āĻĻ⧇āĻ–āϤ⧇ āĻĒāĻžāϰ⧇āύāĨ¤ āϞāĻŋāĻ‚āĻ•: https://spline.design/

✅ Sketch2Code:

āφāĻ°ā§āϟāĻŋāĻĢāĻŋāϏāϝāĻŧāĻžāϞ āχāĻ¨ā§āĻŸā§‡āϞāĻŋāĻœā§‡āĻ¨ā§āϏ āĻŦā§āϝāĻžāĻŦāĻšāĻžāϰ āĻ•āϰ⧇ āĻšāĻžāϤ⧇ āφāρāĻ•āĻž āĻĄāĻŋāϜāĻžāχāύāϕ⧇ āϏāĻšāĻœā§‡āχ html āĻ āϰ⧂āĻĒāĻžāĻ¨ā§āϤāϰāĻŋāϤ āĻ•āϰāĻž āϝāĻžāϝāĻŧāĨ¤ āϞāĻŋāĻ‚āĻ•: https://sketch2code.azurewebsites.net/

✅ Custom Shape Devider:

āĻ“āϝāĻŧ⧇āĻŦāϏāĻžāχāĻŸā§‡āϰ āĻŦāĻŋāĻ­āĻŋāĻ¨ā§āύ āϜāĻžāϝāĻŧāĻ—āĻžāϝāĻŧ, āϏ⧇āĻ•āĻļāύ⧇āϰ āĻļ⧁āϰ⧁ āĻ•āĻŋāĻ‚āĻŦāĻž āĻļ⧇āώ⧇ āĻāĻ•āϟāĻž āĻļ⧇āĻĒ āĻĄāĻŋāĻ­āĻžāχāĻĄāĻžāϰ āĻĄāĻŋāϜāĻžāχāύ⧇āϰ āϏ⧌āĻ¨ā§āĻĻāĻ°ā§āϝ āĻŦāĻšā§āϗ⧁āύ āĻŦ⧃āĻĻā§āϧāĻŋ āĻ•āϰ⧇āĨ¤ āϞāĻŋāĻ‚āĻ•: https://www.shapedivider.app