Sourcing Images and Optimizing Them for the Web

• ImageOptim

  83 8,932 7.9 HTML

  GUI image optimizer for Mac

  

Before adding your image file to your site repo, you'll want to compress it. If you're creating your image, there will be settings in your tool when you go to save. If you've got a saved image that needs compressing, you can use tools like Photoshop, Photopea, Gimp, tinyjpg, compressor or the Mac utility ImageOptim.

• icons

  67 7,147 8.8 JavaScript

  Official open source SVG icon library for Bootstrap.

  

My portfolio site includes SVGs from my two favorite sources - DevIcon for your skills, languages, and technologies section and HOLA SVG for SVGs in basic shapes and their demos and tutorials. Another excellent resource is heroicons. You can also use icon libraries like Font Awesome and Bootstrap Icons.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• heroicons

  78 20,690 7.3 JavaScript

  A set of free MIT-licensed high-quality SVG icons for UI development.

  

My portfolio site includes SVGs from my two favorite sources - DevIcon for your skills, languages, and technologies section and HOLA SVG for SVGs in basic shapes and their demos and tutorials. Another excellent resource is heroicons. You can also use icon libraries like Font Awesome and Bootstrap Icons.

• GreenSock-JS

  96 18,632 4.7 JavaScript

  GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web

  

Finally, you can do a lot with your SVGs. My Shiba Inu SVG and Toggle Dark Mode In React blogs have fun color animations. CSS-Tricks has a great animated text example. Furthermore, GreenSock is doing the good work of reviving the animations like moving along a path that the dying SMIL used to provide.

Suggest a related project