<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Code With Alisha</title>
    <description>The latest articles on DEV Community by Code With Alisha (@code-with-alisha).</description>
    <link>https://dev.to/code-with-alisha</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3215980%2Fda2d46e9-1921-48b7-a04d-fa350b6668a4.png</url>
      <title>DEV Community: Code With Alisha</title>
      <link>https://dev.to/code-with-alisha</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/code-with-alisha"/>
    <language>en</language>
    <item>
      <title>Top 10 WordPress Plugins You Must Have in 2025</title>
      <dc:creator>Code With Alisha</dc:creator>
      <pubDate>Sat, 27 Dec 2025 17:40:31 +0000</pubDate>
      <link>https://dev.to/code-with-alisha/top-10-wordpress-plugins-you-must-have-in-2025-1kbh</link>
      <guid>https://dev.to/code-with-alisha/top-10-wordpress-plugins-you-must-have-in-2025-1kbh</guid>
      <description>&lt;p&gt;WordPress is one of the most popular content management systems in the world, and one of the reasons for its flexibility is the vast ecosystem of plugins. Plugins allow you to add features to your website without touching a single line of code. Here’s a list of the top 10 WordPress plugins that can take your website to the next level.&lt;/p&gt;




&lt;h2&gt;
  
  
  1. &lt;strong&gt;Yoast SEO&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Why you need it:&lt;/strong&gt; SEO is essential for driving traffic to your website. Yoast SEO helps you optimize your content for search engines with real-time analysis, keyword optimization, and readability checks.&lt;/p&gt;




&lt;h2&gt;
  
  
  2. &lt;strong&gt;Elementor&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Why you need it:&lt;/strong&gt; Elementor is a drag-and-drop page builder that makes designing beautiful, responsive pages easy—even if you don’t know any code. With pre-made templates and a visual editor, you can create stunning websites quickly.&lt;/p&gt;




&lt;h2&gt;
  
  
  3. &lt;strong&gt;WooCommerce&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Why you need it:&lt;/strong&gt; Planning to sell products or services online? WooCommerce is the most popular eCommerce plugin for WordPress. It allows you to manage products, payments, shipping, and inventory effortlessly.&lt;/p&gt;




&lt;h2&gt;
  
  
  4. &lt;strong&gt;Akismet Anti-Spam&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Why you need it:&lt;/strong&gt; Spam comments can ruin your website’s credibility. Akismet automatically filters out spammy comments and protects your site from malicious content.&lt;/p&gt;




&lt;h2&gt;
  
  
  5. &lt;strong&gt;WP Super Cache&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Why you need it:&lt;/strong&gt; Website speed is crucial for user experience and SEO. WP Super Cache generates static HTML files of your pages, reducing server load and making your site faster.&lt;/p&gt;




&lt;h2&gt;
  
  
  6. &lt;strong&gt;UpdraftPlus&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Why you need it:&lt;/strong&gt; Backups are essential. UpdraftPlus allows you to backup your website to the cloud (Google Drive, Dropbox, etc.) and restore it quickly if anything goes wrong.&lt;/p&gt;




&lt;h2&gt;
  
  
  7. &lt;strong&gt;MonsterInsights&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Why you need it:&lt;/strong&gt; Analytics are vital to understanding your audience. MonsterInsights makes Google Analytics integration easy, helping you track visitors, clicks, and conversions without touching code.&lt;/p&gt;




&lt;h2&gt;
  
  
  8. &lt;strong&gt;Smush&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Why you need it:&lt;/strong&gt; Large images can slow down your site. Smush optimizes images automatically, reducing their size without losing quality. Faster websites mean better user experience and SEO.&lt;/p&gt;




&lt;h2&gt;
  
  
  9. &lt;strong&gt;Wordfence Security&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Why you need it:&lt;/strong&gt; Security is non-negotiable. Wordfence offers firewall protection, malware scanning, and login security to keep your website safe from hackers.&lt;/p&gt;




&lt;h2&gt;
  
  
  10. &lt;strong&gt;Contact Form 7&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Why you need it:&lt;/strong&gt; Communication is key. Contact Form 7 allows you to create customizable contact forms, making it easy for visitors to get in touch with you.&lt;/p&gt;




&lt;h3&gt;
  
  
  ✅ Final Thoughts
&lt;/h3&gt;

&lt;p&gt;Plugins can significantly enhance your WordPress website, but remember: &lt;strong&gt;quality over quantity&lt;/strong&gt;. Installing too many plugins can slow down your site, so choose the ones that truly fit your needs.&lt;/p&gt;

</description>
      <category>wordpress</category>
      <category>beginners</category>
      <category>programming</category>
      <category>opensource</category>
    </item>
    <item>
      <title>👍</title>
      <dc:creator>Code With Alisha</dc:creator>
      <pubDate>Tue, 18 Nov 2025 03:00:03 +0000</pubDate>
      <link>https://dev.to/code-with-alisha/-3lk2</link>
      <guid>https://dev.to/code-with-alisha/-3lk2</guid>
      <description>&lt;div class="ltag__link"&gt;
  &lt;a href="/thebitforge" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__pic"&gt;
      &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3581035%2F7a4e3e11-052c-4b61-9f45-e3f421e69147.png" alt="thebitforge"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="https://dev.to/thebitforge/the-year-we-crossed-the-threshold-a-journey-through-2025s-most-transformative-technology-3aa5" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;The Year We Crossed the Threshold: A Journey Through 2025's Most Transformative Technology&lt;/h2&gt;
      &lt;h3&gt;TheBitForge ・ Nov 18 '25&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#webdev&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#programming&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#architecture&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#career&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;


</description>
      <category>webdev</category>
      <category>programming</category>
      <category>architecture</category>
      <category>career</category>
    </item>
    <item>
      <title>Classic CSS Framework 🎉 🌟 ✨</title>
      <dc:creator>Code With Alisha</dc:creator>
      <pubDate>Fri, 24 Oct 2025 02:57:58 +0000</pubDate>
      <link>https://dev.to/code-with-alisha/classic-css-framework-m61</link>
      <guid>https://dev.to/code-with-alisha/classic-css-framework-m61</guid>
      <description>&lt;div class="ltag__link"&gt;
  &lt;a href="/we-the-developers" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__pic"&gt;
      &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3544742%2F1ac9d13d-9844-402d-a5d4-15819910f3ce.png" alt="we-the-developers"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="https://dev.to/we-the-developers/i-create-classic-css-framework-read-documentation-1ii3" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;I Create Classic CSS Framework ✨ | Read Documentation&lt;/h2&gt;
      &lt;h3&gt;We The Developers ・ Oct 24 '25&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#css&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#javascript&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#programming&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#python&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;


</description>
      <category>css</category>
      <category>javascript</category>
      <category>programming</category>
      <category>python</category>
    </item>
    <item>
      <title>🤯 Ultimate DEV Vault: 600+ Resources That Every Developer Needs 🎉 🤯🤯</title>
      <dc:creator>Code With Alisha</dc:creator>
      <pubDate>Fri, 03 Oct 2025 08:29:07 +0000</pubDate>
      <link>https://dev.to/code-with-alisha/ultimate-dev-vault-600-resources-that-every-developer-needs-42o7</link>
      <guid>https://dev.to/code-with-alisha/ultimate-dev-vault-600-resources-that-every-developer-needs-42o7</guid>
      <description>&lt;div class="crayons-card c-embed text-styles text-styles--secondary"&gt;
    &lt;div class="c-embed__content"&gt;
        &lt;div class="c-embed__cover"&gt;
          &lt;a href="https://dev.to/code-with-alisha/ultimate-dev-vault-600-resources-that-every-developer-needs-3869" class="c-link align-middle" rel="noopener noreferrer"&gt;
            &lt;img alt="" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwkcr8ik18esfhky1gec5.png" height="397" class="m-0" width="800"&gt;
          &lt;/a&gt;
        &lt;/div&gt;
      &lt;div class="c-embed__body"&gt;
        &lt;h2 class="fs-xl lh-tight"&gt;
          &lt;a href="https://dev.to/code-with-alisha/ultimate-dev-vault-600-resources-that-every-developer-needs-3869" rel="noopener noreferrer" class="c-link"&gt;
            🤯 Ultimate DEV Vault: 600+ Resources That Every Developer Needs 🎉 🤯🤯 - DEV Community
          &lt;/a&gt;
        &lt;/h2&gt;
          &lt;p class="truncate-at-3"&gt;
            If You Liked Our Post,  Then No Forget To subscribe Our Newsletter For More  Click Here &amp;amp;amp;...
          &lt;/p&gt;
        &lt;div class="color-secondary fs-s flex items-center"&gt;
            &lt;img alt="favicon" class="c-embed__favicon m-0 mr-2 radius-0" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8j7kvp660rqzt99zui8e.png" width="300" height="299"&gt;
          dev.to
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;


</description>
      <category>programming</category>
      <category>javascript</category>
      <category>webdev</category>
      <category>discuss</category>
    </item>
    <item>
      <title>🤯 Ultimate DEV Vault: 600+ Resources That Every Developer Needs 🎉 🤯🤯</title>
      <dc:creator>Code With Alisha</dc:creator>
      <pubDate>Fri, 03 Oct 2025 07:09:29 +0000</pubDate>
      <link>https://dev.to/code-with-alisha/ultimate-dev-vault-600-resources-that-every-developer-needs-3869</link>
      <guid>https://dev.to/code-with-alisha/ultimate-dev-vault-600-resources-that-every-developer-needs-3869</guid>
      <description>&lt;blockquote&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;strong&gt;If You Liked Our Post,  Then No Forget To subscribe Our Newsletter For More&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://we-the-developers.vercel.app" rel="noopener noreferrer"&gt;Click Here &amp;amp; Subscribe Our Newsletter&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Table of Contents
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;UI Graphics&lt;/li&gt;
&lt;li&gt;Fonts&lt;/li&gt;
&lt;li&gt;Colors&lt;/li&gt;
&lt;li&gt;Icons&lt;/li&gt;
&lt;li&gt;Logos&lt;/li&gt;
&lt;li&gt;Favicons&lt;/li&gt;
&lt;li&gt;Icon Fonts&lt;/li&gt;
&lt;li&gt;Stock Photos&lt;/li&gt;
&lt;li&gt;Stock Videos&lt;/li&gt;
&lt;li&gt;Stock Music &amp;amp; Sound Effects&lt;/li&gt;
&lt;li&gt;Vectors &amp;amp; Clip Art&lt;/li&gt;
&lt;li&gt;Product &amp;amp; Image Mockups&lt;/li&gt;
&lt;li&gt;HTML &amp;amp; CSS Templates&lt;/li&gt;
&lt;li&gt;CSS Frameworks&lt;/li&gt;
&lt;li&gt;CSS Methodologies&lt;/li&gt;
&lt;li&gt;CSS Animations&lt;/li&gt;
&lt;li&gt;Javascript Animation Libraries&lt;/li&gt;
&lt;li&gt;Javascript Chart Libraries&lt;/li&gt;
&lt;li&gt;UI Components &amp;amp; Kits&lt;/li&gt;
&lt;li&gt;React UI Libraries&lt;/li&gt;
&lt;li&gt;Vue UI Libraries&lt;/li&gt;
&lt;li&gt;Angular UI Libraries&lt;/li&gt;
&lt;li&gt;Svelte UI Libraries&lt;/li&gt;
&lt;li&gt;React Native UI Libraries&lt;/li&gt;
&lt;li&gt;Design Systems &amp;amp; Style Guides&lt;/li&gt;
&lt;li&gt;Online Design Tools&lt;/li&gt;
&lt;li&gt;Downloadable Design Software&lt;/li&gt;
&lt;li&gt;Design Inspiration&lt;/li&gt;
&lt;li&gt;Image Compression&lt;/li&gt;
&lt;li&gt;Chrome Extensions&lt;/li&gt;
&lt;li&gt;Firefox Extensions&lt;/li&gt;
&lt;li&gt;AI Graphic Design Tools&lt;/li&gt;
&lt;li&gt;Others&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  UI Graphics
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;Websites and resources with modern UI components in different formats such as PSD, Sketch, Figma, etc. They are great for ideas for web components/UI&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Website                           &lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.sinwaver.com/" rel="noopener noreferrer"&gt;SVG sine waves&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Export perfect sine waves as SVG for your front-end projects&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://uidesigndaily.com/" rel="noopener noreferrer"&gt;UI Design Daily&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Awesome UI Components of all types&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://100dailyui.webflow.io/" rel="noopener noreferrer"&gt;100 Daily UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free Figma library of products, elements, and screens&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.sketchappsources.com/" rel="noopener noreferrer"&gt;Sketch App Sources&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Sketch UIs, wireframes, icons and much more&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.humaaans.com/" rel="noopener noreferrer"&gt;Humaaans&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Cool illustrations of people with the ability to mix and match&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://products.ls.graphics/paaatterns/" rel="noopener noreferrer"&gt;Paaatterns&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free collection of beautiful patterns for all vector formats&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.drawkit.io/" rel="noopener noreferrer"&gt;Drawkit.io&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Illustrations for designers and startups&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://absurd.design/" rel="noopener noreferrer"&gt;Absurd.design&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free surrealist illustrations for designers and developers&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://undraw.co/" rel="noopener noreferrer"&gt;Undraw.co&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Open-source illustrations for any idea you can imagine and create&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.manypixels.co/gallery/" rel="noopener noreferrer"&gt;Manypixels.co&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Monochromatic, Isometric high-quality illustrations&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.openpeeps.com/" rel="noopener noreferrer"&gt;Open Peeps&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Hand drawn illustration library&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.invisionapp.com/inside-design/design-resources/" rel="noopener noreferrer"&gt;InvisionApp&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Library of free, high-quality UI kits, icon packs, and mockups&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.opendoodles.com/" rel="noopener noreferrer"&gt;Open Doodles&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A Free Set of Sketchy Illustrations&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://avataaars.com/" rel="noopener noreferrer"&gt;Avataaars&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free sketch library of avatars illustrations by Pablo Stanley&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://blush.design/" rel="noopener noreferrer"&gt;Blush&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free customizable illustrations with Figma Plugin&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://www.heropatterns.com/" rel="noopener noreferrer"&gt;Hero Patterns&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A collection of repeatable SVG background patterns&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://patterns.beaubus.com/" rel="noopener noreferrer"&gt;BEAUBUS Patterns&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A set of 150+ free SVG patterns (backgrounds)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://iradesign.io/" rel="noopener noreferrer"&gt;IRA Design&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;An open-source gradient illustrations collection by creative tim.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.transparenttextures.com/" rel="noopener noreferrer"&gt;Transparent Textures&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A collection of transparent textures background patterns.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://icons8.com/illustrations" rel="noopener noreferrer"&gt;icons8.com/illustrations&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Vector illustrations to class up your project&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://patternico.com" rel="noopener noreferrer"&gt;Patternico&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Seamless Pattern Maker&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.pixeltrue.com/illustrations" rel="noopener noreferrer"&gt;Pixeltrue Illustrations&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free Animated Illustrations&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.abstractapi.com/user-avatar-api" rel="noopener noreferrer"&gt;Abstract User Avatar API&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;API to create simple yet flexible user avatars from user names or emails&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://sketchvalley.com/" rel="noopener noreferrer"&gt;sketchvalley&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Download free PNG, SVG or AI file .&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://patternpad.com/" rel="noopener noreferrer"&gt;PatternPad&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free and unlimited unique pattern designs.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.dimensions.com/" rel="noopener noreferrer"&gt;Dimensions&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Dimensions.com is an ongoing reference database of dimensioned drawings documenting the standard measurements and sizes of the everyday objects and spaces&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://freebiesbug.com/" rel="noopener noreferrer"&gt;Freebiesbug&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Hand-picked resources for web designers and developers, constantly updated.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://2.flexiple.com/scale/all-illustrations" rel="noopener noreferrer"&gt;Flexiple&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;One new high-quality, open-source illustration each day.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://cooltext.com/" rel="noopener noreferrer"&gt;Cool Text&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Cool Text is a FREE graphics generator for web pages and anywhere else you need an impressive logo without a lot of design work&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://illustrationkit.com/" rel="noopener noreferrer"&gt;illustration kit&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Premium open source illustrations added daily&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://doodad.dev/pattern-generator/" rel="noopener noreferrer"&gt;Doodad Pattern Generator&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create unique, seamless, royalty-free patterns.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://pattern.monster/" rel="noopener noreferrer"&gt;Pattern Monster&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A simple online pattern generator to create repeatable SVG patterns&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://themeselection.com/products/exemplar-free-avatar-library-for-figma-and-sketch/" rel="noopener noreferrer"&gt;Exemplar&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free Avatar Library for Figma and Sketch&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://uibundle.com" rel="noopener noreferrer"&gt;UIBundle&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Thousands of Free Design Resources like UI Kits, Mockups, Illustrations, Icons, Fonts, 3D assets, Templates and more.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://openby.design/" rel="noopener noreferrer"&gt;openby.design&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Custom crafted free UI design resources, for personal and commercial projects. No attribution is required.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://designstripe.com/catalog" rel="noopener noreferrer"&gt;Design Stripe&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create beautiful illustrations, no design skills needed.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://holasvg.com/" rel="noopener noreferrer"&gt;HOLA SVG!&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;An SVG playground to share SVG stuff.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://symu.co/freebies/templates-4/" rel="noopener noreferrer"&gt;symu.co&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free templates, UI kits, icon, PSD&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://meshgradient.in/" rel="noopener noreferrer"&gt;Mesh Gradient&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Generate &amp;amp; download beautiful mesh gradients.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://alvarotrigo.com/shadow-gradients/" rel="noopener noreferrer"&gt;CSS Shadow Gradients&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Generate CSS Gradients For Shadows.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://creatica.app/backgrounds" rel="noopener noreferrer"&gt;Creatica&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Generate unique beautiful and unique Backgrounds and patterns.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://boringavatars.com/" rel="noopener noreferrer"&gt;Boring Avatars&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;SVG random, cutely avatars collections&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.figma.com/community/plugin/1159123024924461424/html.to.design" rel="noopener noreferrer"&gt;Html to Design&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Convert any website into fully editable Figma designs&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.fffuel.co" rel="noopener noreferrer"&gt;fffuel&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;collection of color tools and free SVG generators for gradients, patterns, textures, shapes &amp;amp; backgrounds&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://csshero.org/mesher" rel="noopener noreferrer"&gt;Mesher&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A Free tool to create beautiful mesh gradients only with CSS code. Use your own colors or randomly generated ones to build the trendiest CSS gradients&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;b&amp;gt;&amp;lt;a href="#table-of-contents"&amp;gt;↥ Back To Top&amp;lt;/a&amp;gt;&amp;lt;/b&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  Fonts
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;Websites that offer free fonts as well as font-based tools&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Website                           &lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://fonts.google.com/" rel="noopener noreferrer"&gt;Google Fonts&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Library of around 1000 free licensed font families&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.dafont.com/" rel="noopener noreferrer"&gt;DaFont&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Archive of freely downloadable fonts&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://usemodify.com/" rel="noopener noreferrer"&gt;Use &amp;amp; Modify&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Personal selection of beautiful, classy, punk, professional, incomplete, weird typefaces&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.1001freefonts.com/" rel="noopener noreferrer"&gt;1001 Free Fonts&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;I think the name speaks for itself 😏&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.fontsquirrel.com/" rel="noopener noreferrer"&gt;Font Squirrel&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Font Squirrel scours the internet for high quality, legitimately free fonts&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.fontfabric.com/free-fonts/" rel="noopener noreferrer"&gt;Font Fabric&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A digital type foundry crafting retail fonts and custom typography for various brands&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://justfreefonts.com/" rel="noopener noreferrer"&gt;Just Free Fonts&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A hand-curated collection of freeware, open-source, and public domain fonts intended for commercial use&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://winniethemu.github.io/tiff/" rel="noopener noreferrer"&gt;Tiff&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A type diff tool that visually contrasts the differences between two fonts&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://practice.typekit.com/" rel="noopener noreferrer"&gt;TypeKit Practice&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Learn about typography practices&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://fontjoy.com/" rel="noopener noreferrer"&gt;Fontjoy&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Generate font pairing in one click&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://grtcalculator.com/" rel="noopener noreferrer"&gt;Golden Ratio&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Golden Ratio Typography Calculator&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.fontget.com/" rel="noopener noreferrer"&gt;FontGet&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Has a variety of fonts available to download and sorted neatly with tags&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://fontpair.co/" rel="noopener noreferrer"&gt;FontPair&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Helps you pair Google Fonts together&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.fontspace.com/" rel="noopener noreferrer"&gt;Font Space&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A designer-centered free font website that has quick customizable previews&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://www.abstractfonts.com/" rel="noopener noreferrer"&gt;Abstract Fonts&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Fonts free for personal and commercial use&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://freetypography.com/" rel="noopener noreferrer"&gt;Free Typography&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A list of high quality fonts&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/cmiscm/leonsans/" rel="noopener noreferrer"&gt;Leon Sans&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A geometric sans-serif typeface made with code&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.lexend.com/" rel="noopener noreferrer"&gt;Lexend&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A variable font empirically shown to significantly improve reading-proficiency&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://developer.apple.com/fonts/" rel="noopener noreferrer"&gt;Fonts for Apple Platforms&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Get the details, frameworks, and tools you need to use system fonts for Apple platforms in your apps&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/blaisck/sfwin/" rel="noopener noreferrer"&gt;SFWin&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;San Francisco Fonts for Windows 10 and non-Apple Platform&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://fontflipper.com/" rel="noopener noreferrer"&gt;Font Flipper&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Preview 800+ Google Fonts on top of your own designs, without having to download the fonts&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://fontsarena.com/" rel="noopener noreferrer"&gt;Fonts Arena&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free curated fonts&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://befonts.com/" rel="noopener noreferrer"&gt;Befonts&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;High quality fonts for free&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://arabicfonts.net/" rel="noopener noreferrer"&gt;Arabic fonts&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Arabic fonts for free&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://fontdrop.info" rel="noopener noreferrer"&gt;FontDrop&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Simple and easy way to view the contents of font files&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://open-foundry.com" rel="noopener noreferrer"&gt;Open Foundry&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;FREE platform for curated open-source typefaces&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://glyphter.com" rel="noopener noreferrer"&gt;Glyphter&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Upload your own SVGS and turn them into font files. Useful if you want a smaller library loaded&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://google-webfonts-helper.herokuapp.com/fonts" rel="noopener noreferrer"&gt;Google Webfonts Helper&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A Hassle-Free Way to Self-Host Google Fonts&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://djamshed.github.io/rough-awesome-font/dist/" rel="noopener noreferrer"&gt;Rough Font Awesome&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;When RoughJS meets Font Awesome&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://ffonts.net" rel="noopener noreferrer"&gt;FFonts&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Stylish fonts for free&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://smc.org.in/fonts/" rel="noopener noreferrer"&gt;Malayalam Fonts&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Malayalam fonts for free which are maintained by Swathanthra Malayalam Computing(SMC)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://devfonts.gafi.dev/" rel="noopener noreferrer"&gt;Dev Fonts&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Find and use the coding fonts for free&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://fontm.com/" rel="noopener noreferrer"&gt;Font M&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free font you can download for material coding and design&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.wfonts.com/" rel="noopener noreferrer"&gt;W Fonts&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Download Free fonts&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://modern-fluid-typography.vercel.app/" rel="noopener noreferrer"&gt;Modern fluid typography editor&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Fluid typography is a modern way of approaching responsive typography.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.urbanfonts.com/" rel="noopener noreferrer"&gt;UrbanFonts&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A collection of over 8000 free fonts and dingbats&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://typespiration.com/" rel="noopener noreferrer"&gt;Typespiration&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Inspirational font combinations and color palettes&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://fontsource.org/" rel="noopener noreferrer"&gt;Fontsource&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Self-host Open Source fonts in neatly bundled NPM packages.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.fontbolt.com/" rel="noopener noreferrer"&gt;FontBolt&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Discover and generate your favorite fonts from pop culture.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.fontshare.com/" rel="noopener noreferrer"&gt;Fontshare&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Fontshare is a free fonts service from the Indian Type Foundry (ITF), making quality fonts accessible to all.&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;b&amp;gt;&amp;lt;a href="#table-of-contents"&amp;gt;↥ Back To Top&amp;lt;/a&amp;gt;&amp;lt;/b&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  Colors
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;Websites and resources that help with choices related to colors&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Website                           &lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://paletteforge.io" rel="noopener noreferrer"&gt;PaletteForge&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Generate beautiful color palettes from different categories.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://getcolorlab.com" rel="noopener noreferrer"&gt;Colorlab&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create color palette, gradients, color scales, check contrast all in one place.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://colorbrewer2.org/" rel="noopener noreferrer"&gt;Color Brewer 2&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;The original color palette generator, also supporting color blindness. Probably the scientifically best option. Also probably not the prettiest.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/ardov/huetone" rel="noopener noreferrer"&gt;Huetone&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A tool to create accessible color systems.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://colormind.io" rel="noopener noreferrer"&gt;Colormind.io&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Color palette generator&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://colorcurves.app" rel="noopener noreferrer"&gt;ColorCurves.app&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Color palette generator that uses curves to generate color palettes&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://colorgradient.dev/" rel="noopener noreferrer"&gt;ColorGradient&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A free tool to create simple and complex CSS Gradients visually&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://coolors.co" rel="noopener noreferrer"&gt;Coolors&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create the perfect palette or get inspired by thousands of beautiful color schemes&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://uicolors.app/create" rel="noopener noreferrer"&gt;UI Colors&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Tailwind CSS color palette generator&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://htmlcolorcodes.com/" rel="noopener noreferrer"&gt;HTML Color Codes&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Get HTML color codes, Hex color codes, RGB and HSL values with our color picker, color chart and HTML color names&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.colorsandfonts.com/" rel="noopener noreferrer"&gt;Colors &amp;amp; Fonts&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A curated library of colors, fonts and resources&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.palettelist.com/" rel="noopener noreferrer"&gt;Palette List&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Pick 2 colors you like and the tool generates thousands of palettes for you.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://material.io/resources/color/" rel="noopener noreferrer"&gt;Google Material Color Tool&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Official Google Material Color Palette Tool&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.materialpalette.com/" rel="noopener noreferrer"&gt;Material Palette&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free to pick palettes, icons and colors for Material Design&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://mycolor.space/" rel="noopener noreferrer"&gt;ColorSpace&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Generate nice color palettes from one color&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://flatuicolors.com" rel="noopener noreferrer"&gt;FlatUIColors&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Beautiful set of color palettes in various flavors&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://color.adobe.com/create" rel="noopener noreferrer"&gt;Adobe Color&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create color palettes, extract gradients from images, etc.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://colorsinspo.com/" rel="noopener noreferrer"&gt;Colorsinspo&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;All-in-one resource for finding everything about colors&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://colorswall.com/" rel="noopener noreferrer"&gt;ColorsWall&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Place to store your color palettes and generate palette in one click&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.happyhues.co/" rel="noopener noreferrer"&gt;Happyhues&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Happy Hues is a color palette inspiration site that acts as a real-world example as to how the colors could be used in your design projects by Mackenzie Child&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://color.adobe.com/trends" rel="noopener noreferrer"&gt;Adobe Trends&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Discover current color trends in different industries from the creative communities on Behance and Adobe Stock&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://colorhunt.co/" rel="noopener noreferrer"&gt;Color Hunt&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A free and open platform for color inspiration with thousands of trendy hand-picked color palettes&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://gradienthunt.com/" rel="noopener noreferrer"&gt;Gradient Hunt&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A free and open platform for gradient inspiration with thousands of trendy hand-picked color gradients&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://webgradients.com/" rel="noopener noreferrer"&gt;Web Gradients&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A free website to find good CSS gradients&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.colorbox.io" rel="noopener noreferrer"&gt;ColorBox&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A free website to produce color set&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://cssgradient.io/" rel="noopener noreferrer"&gt;CSS gradient&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A free website to make custom gradient and some examples of gradient&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://gradienta.io/" rel="noopener noreferrer"&gt;gradienta&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A pure css and jpg gradients&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://uigradients.com/" rel="noopener noreferrer"&gt;UI Gradients&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;UI gradients color generator&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://palettegenerator.colorion.co/" rel="noopener noreferrer"&gt;Palette Generator&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Generate new color palette with every spacebar press&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://material.colorion.co/" rel="noopener noreferrer"&gt;Material Palettes&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;1000+ Material Design palettes&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.grabient.com/" rel="noopener noreferrer"&gt;Grabient&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Gradient Selector&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://shadeswash.netlify.app/" rel="noopener noreferrer"&gt;ShadeSwash&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Quickly generate shades of any color&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://brandcolors.net/" rel="noopener noreferrer"&gt;BrandColors&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;The biggest collection of official brand color codes&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://brandpalettes.com/" rel="noopener noreferrer"&gt;BRAND PALETTES&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Logo Color Codes and Palettes&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://mcg.mbitson.com" rel="noopener noreferrer"&gt;Material Design Palette Generator&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Generate theme and color palette Material Design-like&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://colorate.azurewebsites.net/" rel="noopener noreferrer"&gt;Colorate&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.0to255.com/" rel="noopener noreferrer"&gt;0to255&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A color tool that makes it easy to lighten and darken colors. It’s perfect for hover states, borders, gradients, and more.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://meyerweb.com/eric/tools/color-blend" rel="noopener noreferrer"&gt;Color Blender&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A tool that shows the midpoint colors between two colors&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://gradientbuttons.colorion.co/" rel="noopener noreferrer"&gt;Gradient Buttons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Ready to use copy/paste gradient buttons&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://khroma.co/" rel="noopener noreferrer"&gt;Khroma&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Khroma uses AI to learn which colors you like and creates limitless palettes for you to discover, search, and save.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://whocanuse.com" rel="noopener noreferrer"&gt;whocanuse&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A tool that brings attention and understanding to how color contrast can affect different people with visual impairments.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://colorable.jxnblk.com/" rel="noopener noreferrer"&gt;Colorable&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Color combination contrast tester&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://colorhexpicker.com" rel="noopener noreferrer"&gt;Color Hex Picker&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Tool to get hex code along with name of the color.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://saruwakakun.com/en/color-ideas" rel="noopener noreferrer"&gt;Saruwakakun&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;The stunning color scheme for website &amp;amp; App Designs with previews&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://paletton.com/" rel="noopener noreferrer"&gt;Paletton&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Paletton.com is a designer color tool designed for creating color combinations that work together well.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.colorzilla.com/" rel="noopener noreferrer"&gt;Colorzilla&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A powerful online Photoshop-like CSS gradient editor&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.cssgradienteditor.com" rel="noopener noreferrer"&gt;CSS Gradient Editor&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;You may only need this tool for creating CSS gradient backgrounds and patterns.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://image-color.com/" rel="noopener noreferrer"&gt;Image Color Picker&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Image color picker and palette generator&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://combinecolors.com/" rel="noopener noreferrer"&gt;CombineCOLORS&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Color mixing tool&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.colourlovers.com/palettes" rel="noopener noreferrer"&gt;Color Lovers&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;It will show the color schemes which are popular in the outside world.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.htmlcsscolor.com/" rel="noopener noreferrer"&gt;HTML CSS Color&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free online Color (USA) or Colour (British) tools: information, gradient generator, color wheels etc.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://hexcolorcodes.org/" rel="noopener noreferrer"&gt;HEX Color Codes&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;It gets HTML color codes, Hex color codes, RGB and HSL values with our color picker, color chart and HTML color names.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://webkul.github.io/coolhue/" rel="noopener noreferrer"&gt;CoolHue 2.0&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A free tool that shows different gradient examples in CSS and PNG format&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://colors.lol/" rel="noopener noreferrer"&gt;Colors.lol&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Interesting color palettes generated by a Twitter bot, there are hex codes and descriptive names for each color.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://colors.dopely.top/" rel="noopener noreferrer"&gt;colors.dopely&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Super-fast and simple color palette generator, palettes can be saved and shared in seconds.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://uicolorpicker.com/" rel="noopener noreferrer"&gt;UIColor Picker&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A collection of UI Colors with hex codes available to be copied in just one click.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.color-hex.com" rel="noopener noreferrer"&gt;Color Hex&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Color-hex gives information about colors including color models (RGB,HSL,HSV and CMYK) and generates a simple css code for the selected color.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://farbvelo.elastiq.ch/" rel="noopener noreferrer"&gt;FarbVelo&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A random color palette generator&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://verandacolor.com" rel="noopener noreferrer"&gt;Veranda Color&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Browse color palettes made by other designers, generate and submit your own&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://duo.alexpate.uk/" rel="noopener noreferrer"&gt;Duo&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Duo is a collection of colour combinations that I’ve curated from personal projects or that I’ve come across on the web.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://lospec.com/palette-list" rel="noopener noreferrer"&gt;Lospec Palette List&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;The Lospec Palette List is a database of palettes for pixel art.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://palettte.app" rel="noopener noreferrer"&gt;Palettte App&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Build smooth color schemes that flow from one color to another.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.eggradients.com/" rel="noopener noreferrer"&gt;Eggradients&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Gradient Background Colors with eggs.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.gradientos.app/" rel="noopener noreferrer"&gt;Gradientos&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Find and test gradients easily.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://encycolorpedia.com/" rel="noopener noreferrer"&gt;Encycolorpedia&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Website for referencing web colors. Color knowledge, Web colors, Hex color codes.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chroma.dev/" rel="noopener noreferrer"&gt;Croma&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Powerful color tools including an eyedropper, color picker, and palette generator.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://colordesigner.io/gradient-generator" rel="noopener noreferrer"&gt;Color Designer&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A gradient generetor from one color.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://duotone.shapefactory.co/" rel="noopener noreferrer"&gt;Duotone&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Find beautiful free duotone images to use in any project, or make custom duotone images by uploading your own image and applying a duotone effect in seconds.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://coolbackgrounds.io/" rel="noopener noreferrer"&gt;coolbackgrounds generator&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Explore a beautifully curated selection of cool backgrounds that you can add to blogs, websites.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://mdigi.tools/color-shades/" rel="noopener noreferrer"&gt;Color Shades Generator&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;We can quickly generate color shades of our favorite colors or any colors, to create templates or css components with multiple color shades and more useful tools available on same site&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://huemint.com/" rel="noopener noreferrer"&gt;Huemint&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Huemint uses machine learning to create unique color schemes for your brand, website or graphic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.inclusivecolors.com/" rel="noopener noreferrer"&gt;InclusiveColors palette creator&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create custom accessible Tailwind-style color palettes, where you can modify HSL curves across whole swatches, check WCAG/APCA contrast, then export to Tailwind/CSS/Figma/Adobe&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.aiseka.com/" rel="noopener noreferrer"&gt;AiSeka&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Discover Created the best Color Palette &amp;amp; Color Tools.&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;b&amp;gt;&amp;lt;a href="#table-of-contents"&amp;gt;↥ Back To Top&amp;lt;/a&amp;gt;&amp;lt;/b&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  Icons
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;Resources for Icons including png, svg and more&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Website                           &lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://circumicons.com/" rel="noopener noreferrer"&gt;Circum Icons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Consistant open source icons as SVG for React, Vue and Svelte&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://uxwing.com/" rel="noopener noreferrer"&gt;UXWing&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Well Optimized, Free icons for commercial use&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://shapedfonts.com/iconclub/" rel="noopener noreferrer"&gt;Shapedfonts Iconclub&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;8000+ free icons&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://feathericons.com/" rel="noopener noreferrer"&gt;Feather Icons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Beautiful, customizable open source icons&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://tabler-icons.io/" rel="noopener noreferrer"&gt;Tabler Icons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;3500+ highly customizable open source SVG icons with React, Preact, Vue, Svelte and SolidJS support&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.xicons.org/#/" rel="noopener noreferrer"&gt;Xicons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;SVG Vue/React components integrated from fluentui-system-icons, ionicons, etc. (Vue3, Vue2, React, SVG).&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://iconoir.com/" rel="noopener noreferrer"&gt;Iconoir&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free library of 900+ open source icons&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://simpleicons.org/" rel="noopener noreferrer"&gt;Simple Icons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;1307 Free SVG icons for popular brands&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://linearicons.com/free" rel="noopener noreferrer"&gt;Linear Icons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;1000+ Ultra crisp vector icons&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://icons8.com/" rel="noopener noreferrer"&gt;Icons8&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free icons, photos, vectors and tools&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.flaticon.com/" rel="noopener noreferrer"&gt;Flat Icon&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;The largest database of free icons in PNG, SVG, EPS, PSD and BASE 64 formats&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://thenounproject.com/" rel="noopener noreferrer"&gt;The Noun Project&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Over 2 Million curated icons, created by a global community&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://iconscout.com/" rel="noopener noreferrer"&gt;Iconscout&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free Download Icons illustrations stock photos at one place&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://iconsear.ch/search.html" rel="noopener noreferrer"&gt;IconSear.ch&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Search engine with over 50,000 SVG icons indexed&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://nucleoapp.com/" rel="noopener noreferrer"&gt;Nucleo App&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Nucleo is a beautiful library of 27500 icons, and a powerful application to collect, customize and export all your icons. (Free &amp;amp; Paid)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://icon-icons.com/" rel="noopener noreferrer"&gt;Icon-icons.com&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free Icons PNG, ICO, ICNS and Vector file SVG&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://icons.getbootstrap.com/" rel="noopener noreferrer"&gt;Bootstrap Icons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free Icons built for Bootstrap but they'll work in any project&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://remixicon.com/" rel="noopener noreferrer"&gt;Remix Icon&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Simply Delightful Icon System&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://iconmonstr.com/" rel="noopener noreferrer"&gt;Iconmonstr&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Discover 4496+ free icons in 313 collections&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://webkul.github.io/vivid/" rel="noopener noreferrer"&gt;Vivid.js&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Ready to use Free and Open Source SVG Icons Pack JavaScript Library.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.iconfinder.com/" rel="noopener noreferrer"&gt;Iconfinder&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free and premium vector icons in SVG, PNG, CSH and AI format&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://lordicon.com/icons#free" rel="noopener noreferrer"&gt;Lordicon&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;50 free animated interactive icons&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://useanimations.com/" rel="noopener noreferrer"&gt;UseAnimations&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free Animated Icons in SVG and Json Format(for lottie)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://css.gg/" rel="noopener noreferrer"&gt;css.gg&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;700+ Open-source CSS, SVG and Figma UI Icons Available in SVG Sprite, styled-components, NPM &amp;amp; API&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.iconbros.com" rel="noopener noreferrer"&gt;IconBros&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;7843+ free icons grouped in 182 collections&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://materialdesignicons.com/" rel="noopener noreferrer"&gt;Material Design Icons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;An icon collection allowing designers and developers targeting various platforms to download icons in the format, color and size they need for any project.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://heroicons.dev/" rel="noopener noreferrer"&gt;Heroicons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free, open source icons from the creators of Tailwind CSS.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.zondicons.com/icons.html" rel="noopener noreferrer"&gt;Zondicons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A set of free premium SVG icons for you to use on your digital products.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://endlessicons.com/" rel="noopener noreferrer"&gt;Endless Icons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A website offering a number of free icons. Icons are tagged and also compressed into kits.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://icomoon.io/app/" rel="noopener noreferrer"&gt;Icomoon&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Browse 5500+ Free Icons. Add any set you wish to easily browse and search its icons.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://akveo.github.io/eva-icons/#/" rel="noopener noreferrer"&gt;Eva Icons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Eva Icons is a pack of more than 480 beautifully crafted Open Source icons for common actions and items.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://cryptoicons.co/" rel="noopener noreferrer"&gt;Cryptoicons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A set of 430 crypto and fiat currency icons. Completely free.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://ikonate.com/" rel="noopener noreferrer"&gt;Ikonate&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Fully customizable &amp;amp; accessible vector icons&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://appicon.co/" rel="noopener noreferrer"&gt;appicon&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Quickly generate app icons in different sizes for your IOS, macOS and Android projects&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://lineicons.com" rel="noopener noreferrer"&gt;LineIcons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;2000+ Essential Line Icons for Designers and Developers&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.figma.com/resources/assets/evericons-for-figma/" rel="noopener noreferrer"&gt;Evericons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Evericons is a big pack of over 460 free icons designed by Aleksey Popov.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.svgrepo.com/" rel="noopener noreferrer"&gt;SVG Repo&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Download free SVG Vectors for commercial use.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://convertio.co/png-svg/" rel="noopener noreferrer"&gt;Convertio&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Convert PNG files to SVG online &amp;amp; free. (One of the services provided by it.)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://cssicon.space/" rel="noopener noreferrer"&gt;CSS ICON&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Icon set made with pure css code, no dependencies, "grab and go" icons&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://iconify.design/" rel="noopener noreferrer"&gt;Unified icons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Thousands of icons, one unified framework. One library, over 40,000 vector icons.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://systemuicons.com/" rel="noopener noreferrer"&gt;System UIcons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;220+ icons in a growing collection.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/bytedance/IconPark" rel="noopener noreferrer"&gt;IconPark&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Transform an SVG icon into multiple themes, and generate React icons，Vue icons，svg icons&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.radix-ui.com/icons" rel="noopener noreferrer"&gt;Radix Icons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A crisp set of 15×15 icons designed by the Modulz team. All icons available as individual react component,SVG and more.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://icons.eosdesignsystem.com/" rel="noopener noreferrer"&gt;EOS Icons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A pixel-perfect, open source iconic font available as ligature and SVG.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://ionicons.com" rel="noopener noreferrer"&gt;Ionicons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Beautifully crafted open source icons for use in web, iOS, Android, and desktop apps.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://phosphoricons.com" rel="noopener noreferrer"&gt;Phosphor Icons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Phosphor is a flexible icon family for interfaces, diagrams, presentations&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://teenyicons.com/" rel="noopener noreferrer"&gt;Teeny Icons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;TeenyIcons is a set icons in SVG format easy to use in html&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://lucide.netlify.app/" rel="noopener noreferrer"&gt;Lucide&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Lucide is an open-source icon library, a fork of Feather Icons.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://icones.js.org/" rel="noopener noreferrer"&gt;Icones&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Icon Explorer with Instant searching, powered by Iconify.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://shittyicons.com/" rel="noopener noreferrer"&gt;Shitty Icons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Collection of Free icons.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.iconspedia.com/" rel="noopener noreferrer"&gt;Iconspedia&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Iconspedia is a website that contains a large collection of high quality free icons.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://iconhub.io/" rel="noopener noreferrer"&gt;iconhub&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Just practical stunning icons for everyone&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://3dicons.co" rel="noopener noreferrer"&gt;3DICONS&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Beautifully crafted open source 3D icons&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.iconsdb.com/" rel="noopener noreferrer"&gt;IconsDb&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free Custom Icons&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://emojiguide.org/" rel="noopener noreferrer"&gt;Emoji Guide&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;The collection of 3300 emojis with their HTML codes for easy use.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://unicornicons.com" rel="noopener noreferrer"&gt;Unicorn Icons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;100+ customizable playful animated icons. Available in JSON and SVG format.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://sargamicons.com/" rel="noopener noreferrer"&gt;Sargam Icons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A collection of 275+ open-source icons available for Figma, SVGs, and React.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://iconbuddy.app/" rel="noopener noreferrer"&gt;Icon buddy&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A collection of 100K+ open-source SVG icons, fully customizable for designers and developers.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://roundicons.com/" rel="noopener noreferrer"&gt;Round Icons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;The world's biggest premium and free icon packs library of flat icons, line icons, filled outline, isometric and solid styles.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://vectopus.com" rel="noopener noreferrer"&gt;Vectopus&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Top curated collective resources for elite designers.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://iconshelf.com/" rel="noopener noreferrer"&gt;IconShelf&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Access 250,000+ open-source SVG icons you can customize to fit any design or development project.&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;b&amp;gt;&amp;lt;a href="#table-of-contents"&amp;gt;↥ Back To Top&amp;lt;/a&amp;gt;&amp;lt;/b&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  Logos
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;Resources for Logos&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Website                           &lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://logosear.ch/search.html" rel="noopener noreferrer"&gt;LogoSear.ch&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Search engine with over 200,000 SVG logos indexed&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://svgporn.com" rel="noopener noreferrer"&gt;SVGPorn&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;1000+ high-quality SVG logos&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/mpay24/payment-logos/" rel="noopener noreferrer"&gt;Payment System Logos&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Logos for payment systems available in png and svg&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/alrra/browser-logos/" rel="noopener noreferrer"&gt;Browser Logos&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;High resolution web browser logos&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.vectorlogo.zone/" rel="noopener noreferrer"&gt;VectorLogoZone&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Consistently formatted SVG logos&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://worldvectorlogo.com/" rel="noopener noreferrer"&gt;World Vector Logo&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Download vector logos of brands you love&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://logomakr.com/" rel="noopener noreferrer"&gt;Logo Maker&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create custom logos&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.namecheap.com/logo-maker/" rel="noopener noreferrer"&gt;Free Logo Maker&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Fast, All-in-One Logo Generator&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.logo.wine/" rel="noopener noreferrer"&gt;LOGOwine&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Brand Logos Free Download in SVG Vector &amp;amp; PNG File Format&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;b&amp;gt;&amp;lt;a href="#table-of-contents"&amp;gt;↥ Back To Top&amp;lt;/a&amp;gt;&amp;lt;/b&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  Favicons
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;Resources for Favicons&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Website                           &lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://faviconforge.io/" rel="noopener noreferrer"&gt;FaviconForge&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Very simple favicon generator. Download in .ico and .png formats&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://favicon.io/" rel="noopener noreferrer"&gt;Favicon.io&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Generate a favicon from text, from an image, or from an emoji. Download in .ico and .png formats&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://favicomatic.com/" rel="noopener noreferrer"&gt;Favicomatic&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Generate favicons of all the sizes and formats as well as the HTML code needed to support every possible browser or device&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://tools.dynamicdrive.com/favicon/" rel="noopener noreferrer"&gt;Favicon Generator&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Generate favicon ico files for your website&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://realfavicongenerator.net/" rel="noopener noreferrer"&gt;RealFaviconGenerator&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Generate icons for all platforms (Windows, iOS, Android)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://gauger.io/fonticon/" rel="noopener noreferrer"&gt;FontIcon&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Generate favicons and images from Font Awesome icons&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.favicon.cc" rel="noopener noreferrer"&gt;Favicon.cc&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Draw a favicon online and browse through a library of favicons made by other users&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://maskable.app/editor/" rel="noopener noreferrer"&gt;Maskable.app Editor&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Generate maskable PWA icons based on your existing icon&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://favicon.inbrowser.app/" rel="noopener noreferrer"&gt;Favicon Generator&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Generate website's favicon assets. SVG, maskable, image minified supported. Pure frontend. No privacy risk. Fast.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://favifiles.com/" rel="noopener noreferrer"&gt;FaviFiles&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Generate pixel-perfect favicons for free in seconds&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;b&amp;gt;&amp;lt;a href="#table-of-contents"&amp;gt;↥ Back To Top&amp;lt;/a&amp;gt;&amp;lt;/b&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  Icon Fonts
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;Resources for Icon Fonts&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Website                           &lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://fontawesome.com/" rel="noopener noreferrer"&gt;Font Awesome&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;The web's most popular icon set and toolkit&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://icons8.com/line-awesome" rel="noopener noreferrer"&gt;Line Awesome&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Swap in replacement of Font Awesome with modern line icons&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://material.io/resources/icons/" rel="noopener noreferrer"&gt;Material Icons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Material design icon library&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://ionicons.com/" rel="noopener noreferrer"&gt;IonIcons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Beautifully crafted open source icons from Ionic team&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://zurb.com/playground/foundation-icon-fonts-3" rel="noopener noreferrer"&gt;Zurb Foundation Icons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Customizable Foundation icons&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://fontisto.com/" rel="noopener noreferrer"&gt;Fontisto Icons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Fontisto the iconic font and css toolkit · 616+ free icons&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://boxicons.com/" rel="noopener noreferrer"&gt;Boxicons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Boxicons is a free collection of carefully crafted open source icons&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://icofont.com/" rel="noopener noreferrer"&gt;Icofont&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;2100+ free icons to spice up your creative designs&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.materialpalette.com/icons" rel="noopener noreferrer"&gt;Material Palette&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free to pick palettes, icons and colors for Material Design&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://zavoloklom.github.io/material-design-iconic-font/index.html" rel="noopener noreferrer"&gt;Material Design Iconic Font&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Material design icon font&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://microsoft.github.io/vscode-codicons/dist/codicon.html" rel="noopener noreferrer"&gt;Vscode Codicons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;The icon font from Visual Studio Code&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://devicon.dev" rel="noopener noreferrer"&gt;Devicon&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Devicon is a set of icons representing programming languages, designing &amp;amp; development tools&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/AlexanderPoellmann/PaymentFont" rel="noopener noreferrer"&gt;PaymentFont&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A sleek web font for payment operators and methods. Featuring 116 icons&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://erikflowers.github.io/weather-icons/" rel="noopener noreferrer"&gt;Weather Icons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Weather Icons is the only icon font with 222 weather themed icons&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://themes-pixeden.com/font-demos/7-stroke/index.html" rel="noopener noreferrer"&gt;Stroke 7&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;202 thin stroke icons inspired by iOS 7&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://jam-icons.com/" rel="noopener noreferrer"&gt;Jam Icons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;890+ handcrafted icons to make your web app awesome&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://fontello.com/" rel="noopener noreferrer"&gt;Fontello&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;200+ web icons where you can customize the names or codes of icons.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://linea.io/" rel="noopener noreferrer"&gt;Linea&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Linea: Featuring 750+ Free Icons&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://iconscout.com/unicons" rel="noopener noreferrer"&gt;Unicons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A set of 1100+ Free line style icons available as web font, SVG icons, and as components for JS frameworks like React, Vue and React Native.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://mobiriseicons.com/" rel="noopener noreferrer"&gt;Mobirise Icons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A free, open source set of 150 elegant, pixel-perfect linear icons, available as web icon font and SVG icons.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://heroicons.dev/" rel="noopener noreferrer"&gt;Hero Icons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free Open Source Svg Icon Library&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://react-icons.github.io/react-icons/" rel="noopener noreferrer"&gt;React Icons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;An Open Source and free Svg Icon Library, it is a collection of your favorite icon libraries like Font Awesome and Material Icons to provide you with a wide range of SVG icons to choose from.&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;b&amp;gt;&amp;lt;a href="#table-of-contents"&amp;gt;↥ Back To Top&amp;lt;/a&amp;gt;&amp;lt;/b&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  Stock Photos
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;Websites that offer free stock photos of all kinds for your websites and apps&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Website                           &lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.pexels.com/" rel="noopener noreferrer"&gt;Pexels&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free stock photos shared by talented creators&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://unsplash.com/" rel="noopener noreferrer"&gt;Unsplash&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;The internet’s source of freely usable images&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://pixabay.com/" rel="noopener noreferrer"&gt;Pixabay&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Over 1.7 million+ high-quality stock images and videos&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://magdeleine.co/" rel="noopener noreferrer"&gt;Magdeleine&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Gallery &amp;amp; free high-resolution photo everyday&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://picspree.com" rel="noopener noreferrer"&gt;Picspree&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Royalty free images, stock photos, illustrations, and vectors&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://burst.shopify.com/" rel="noopener noreferrer"&gt;Burst&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free stock photos collections&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://gratisography.com/" rel="noopener noreferrer"&gt;Gratisography&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free collection of free high-resolution pictures&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.lifeofpix.com/" rel="noopener noreferrer"&gt;Life of Pix&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free high-resolution photography&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://stocksnap.io/" rel="noopener noreferrer"&gt;Stock Snap&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Hundreds of high quality photos added weekly&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://morguefile.com/" rel="noopener noreferrer"&gt;Morguefile&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Over 350,000 free stock photos for commercial use&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://kaboompics.com/" rel="noopener noreferrer"&gt;Kaboom Pics&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Stock photography and color palettes. Good for product images&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://nos.twnsnd.co/" rel="noopener noreferrer"&gt;New Old Stock&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Stock vintage photos&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://picjumbo.com/" rel="noopener noreferrer"&gt;Pic Jumbo&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Good collections of different types of photos&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.publicdomainpictures.net/en/" rel="noopener noreferrer"&gt;Public Domain Pictures&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Public domain images of all types&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.chamberofcommerce.org/findaphoto/" rel="noopener noreferrer"&gt;Find A Photo&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Searches multiple stock photo websites&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://www.stockvault.net/" rel="noopener noreferrer"&gt;Stockvault&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Categorized stock photos&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://placeholder.com/" rel="noopener noreferrer"&gt;Placeholder&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A free image placeholder service for the web. You can specify image size and format&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://realisticshots.com/" rel="noopener noreferrer"&gt;Realistic Shots&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free high-resolution stock photos&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://negativespace.co/" rel="noopener noreferrer"&gt;Negative Space&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;High-Resolution Free Stock Photos&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://skitterphoto.com/" rel="noopener noreferrer"&gt;SkitterPhoto&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free high-resolution photography&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://picography.co/" rel="noopener noreferrer"&gt;PicoGraphy&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Gorgeous, High-Resolution, Free Photos&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://wunderstock.com/" rel="noopener noreferrer"&gt;Wunder Stock&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Stunningly amazing free photos&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://pxhere.com/" rel="noopener noreferrer"&gt;PxHere&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free Images &amp;amp; Free stock photos - PxHere&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://piqsels.com/" rel="noopener noreferrer"&gt;Piqsels&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Royalty Free Stock Photos&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.foodiesfeed.com/" rel="noopener noreferrer"&gt;FoodiesFeed&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Food photo stock&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.nappy.co/" rel="noopener noreferrer"&gt;Nappy&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A website offering Beautiful, high-res photos of black and brown people.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://generated.photos/" rel="noopener noreferrer"&gt;Generated Photos&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Unique AI Generated model photos&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.reshot.com/" rel="noopener noreferrer"&gt;Reshot&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Uniquely free photos. Handpicked, non-stocky images.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.freeimages.com/" rel="noopener noreferrer"&gt;Free Images&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Find and download free stock photos - all free for personal and commercial use&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://picsum.photos/" rel="noopener noreferrer"&gt;Lorem Picsum&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;An easy to use API to get beautiful placeholder images. Size and other parameters can be specified.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.scienceimage.csiro.au" rel="noopener noreferrer"&gt;scienceimage&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;An image library specializing in science and nature images&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://ian.umces.edu/imagelibrary" rel="noopener noreferrer"&gt;Integration &amp;amp; Application Network Image Library&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free images to provide scientists, resource managers, government agencies, community groups and graphics professionals with a resource for enhancing science communication.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://www.freenatureimages.eu" rel="noopener noreferrer"&gt;Saxifraga&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free nature images&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://search.creativecommons.org" rel="noopener noreferrer"&gt;Creative Commons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Search for free images to reuse.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://allthefreestock.com/" rel="noopener noreferrer"&gt;AllTheFreeStock&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;a curated list of free stock images, audio and videos.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://lorem.space" rel="noopener noreferrer"&gt;Lorem.space - Placeholder image generator&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;API for placeholder images but useful!&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://wordpress.org/openverse/" rel="noopener noreferrer"&gt;Openverse&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Openverse is a search engine for openly-licensed media&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://isorepublic.com/" rel="noopener noreferrer"&gt;ISO Republic&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Get Thousands of Free High-Resolution Stock CC0 Photos&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;b&amp;gt;&amp;lt;a href="#table-of-contents"&amp;gt;↥ Back To Top&amp;lt;/a&amp;gt;&amp;lt;/b&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  Stock Videos
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;Websites that offer free stock videos of all kinds for your websites and apps&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Website                           &lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.pexels.com/videos" rel="noopener noreferrer"&gt;Pexels&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Largest library of free to use videos, donated by the community&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.pixabay.com/videos" rel="noopener noreferrer"&gt;Pixabay&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Large library of free to use videos, donated by the community similar to Pexels&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://coverr.co/" rel="noopener noreferrer"&gt;Coverr.co&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Beautiful free stock video footage&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.videezy.com/" rel="noopener noreferrer"&gt;Videezy&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free HD stock footage &amp;amp; 4K videos&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://mixkit.co/" rel="noopener noreferrer"&gt;Mix Kit&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Stock video clips &amp;amp; music&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.lifeofvids.com/" rel="noopener noreferrer"&gt;Life Of Vids&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free video clips and loops&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.videvo.net/stock-video-footage/" rel="noopener noreferrer"&gt;Videvo&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free and premium stock videos&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://stock.loopvidz.com/" rel="noopener noreferrer"&gt;Loopvidz&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free To Use Cinema graphs Created With VIMAGE App&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.splitshire.com/" rel="noopener noreferrer"&gt;SplitShire&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Beautiful &amp;amp; exclusive free stock videos &amp;amp; photos&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://free-stock.video" rel="noopener noreferrer"&gt;Free-Stock-Video&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free Footage Stock Videos&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;b&amp;gt;&amp;lt;a href="#table-of-contents"&amp;gt;↥ Back To Top&amp;lt;/a&amp;gt;&amp;lt;/b&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  Stock Music &amp;amp; Sound Effects
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;Websites that offer free stock music and/or sound effects&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Website                           &lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.youtube.com/audiolibrary" rel="noopener noreferrer"&gt;YouTube Studio Audio Library&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Royalty-free audio library for downloadable music and sound effects. Cleared for YouTube monetization.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.free-stock-music.com/" rel="noopener noreferrer"&gt;Free Stock Music&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Royalty free stock music for YouTube videos, podcasts, etc&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.bensound.com/" rel="noopener noreferrer"&gt;Bensound&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Download Royalty Free Music for free and use it in your project&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://mixkit.co/free-stock-music/" rel="noopener noreferrer"&gt;Mixkit&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free music for your projects&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://freesound.org/" rel="noopener noreferrer"&gt;Freesound&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free stock music and sounds&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://freemusicarchive.org/" rel="noopener noreferrer"&gt;Free Music Archive&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Collaborative database of creative-commons licensed sound for musicians and sound lovers&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://musopen.org/music/" rel="noopener noreferrer"&gt;Musopen&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;An online copyright free classical music library&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://pixabay.com/music/" rel="noopener noreferrer"&gt;Pixabay&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free music downloads for your project like Youtube videos, Music, Vlog, Film, Podcast etc.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.unminus.com/" rel="noopener noreferrer"&gt;Unminus&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free Premium Music for Your Projects 🎁 Royalty Free. Cleared for YouTube.&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;b&amp;gt;&amp;lt;a href="#table-of-contents"&amp;gt;↥ Back To Top&amp;lt;/a&amp;gt;&amp;lt;/b&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  Vectors &amp;amp; Clip Art
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;Free vectors, clipart, illustrations, patterns and more&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Website                           &lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://pngfree.ai/" rel="noopener noreferrer"&gt;PNGFree.ai&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;PNGFree.ai offers millions of high-quality Free PNG images&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.vecteezy.com/" rel="noopener noreferrer"&gt;Vecteezy&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Find and download free vector art&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.freepik.com" rel="noopener noreferrer"&gt;Freepik&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free vectors, stock photos, PSD and icons&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.freevectors.net/" rel="noopener noreferrer"&gt;Free Vectors&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Community of vector lovers who share free vector graphics&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://pngtree.com/free-vectors" rel="noopener noreferrer"&gt;PNGTree&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;png, backgrounds, templates, text effects&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.vector4free.com/" rel="noopener noreferrer"&gt;Vector4Free&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free vector graphics&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://freebbble.com/" rel="noopener noreferrer"&gt;Freeble&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Vectors, patterns, mockups and more&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://lukaszadam.com/" rel="noopener noreferrer"&gt;Lukaszadam&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free Vector artworks&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://illlustrations.co/" rel="noopener noreferrer"&gt;Illlustrations&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Beautiful 100 Illustrations - png, svg&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.clipart.email/" rel="noopener noreferrer"&gt;Clipart&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Choose great clipart, png, coloring pages, drawings and more for your projects from the free collection!&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://growwwkit.com/illustrations/phonies" rel="noopener noreferrer"&gt;Growwwkit illustrations&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A set of 8 simple, black &amp;amp; white, stylish illustrations&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://trianglify.io/" rel="noopener noreferrer"&gt;trianglify.io&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Generate low-poly backgrounds, textures, and vectors&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://blobs.app/" rel="noopener noreferrer"&gt;blob&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Generate Blob shapes for Web and Flutter apps&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.hiclipart.com/" rel="noopener noreferrer"&gt;HiClipart&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A community for designers to share &amp;amp; download transparent background PNG cliparts&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://stories.freepik.com/" rel="noopener noreferrer"&gt;Stories by Freepik&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A collection of free and customizable illustrations for projects&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.blackillustrations.com/" rel="noopener noreferrer"&gt;Black Illustrations&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Beautiful illustrations of black people (free and premium)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://delesign.com/free-designs/graphics" rel="noopener noreferrer"&gt;Delesign&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A collection of free illustrations and more&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.shapedivider.app/" rel="noopener noreferrer"&gt;Custom Shape Dividers&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free tool to make it easier for designers and developers to export a beautiful SVG shape divider&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://smart.servier.com" rel="noopener noreferrer"&gt;Servier Medical Art&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;3000 free medical images to illustrate your publications and PowerPoint presentations&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://www.clker.com" rel="noopener noreferrer"&gt;Clker&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free clip art you can use for anything you like&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://svgwave.in/" rel="noopener noreferrer"&gt;SVG wave&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A free, &amp;amp; customizable gradient 🌈 SVG wave generator for UI designs .&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://bgjar.com" rel="noopener noreferrer"&gt;BGjar&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free svg background generator for your websites, blogs and app.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.heritagetype.com/collections/free-vintage-illustrations" rel="noopener noreferrer"&gt;Heritage Library&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Vintage Illustrations (vector and png)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://robohash.org/" rel="noopener noreferrer"&gt;ROBOHASH&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Generate unique images from any text&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://tabbied.com/" rel="noopener noreferrer"&gt;Tabbied&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create and customize minimally generated patterns/artwork to use for background images, print and other projects.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://app.haikei.app/" rel="noopener noreferrer"&gt;Haikei&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;An awesome multishape web app.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://vector.ma/" rel="noopener noreferrer"&gt;Vector&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Awesome website for all kinds of Moroccan vectors.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://app.heazy.studio/" rel="noopener noreferrer"&gt;Heazy&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Unique vector assets within seconds.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://mossaik.app/" rel="noopener noreferrer"&gt;Mossaik&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free SVG generator with different tools, waves, tiles, blobs, and more.&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;b&amp;gt;&amp;lt;a href="#table-of-contents"&amp;gt;↥ Back To Top&amp;lt;/a&amp;gt;&amp;lt;/b&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  Product &amp;amp; Image Mockups
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;Create mockups of devices and other products&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Website                           &lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://mockcity.com/" rel="noopener noreferrer"&gt;MockCity&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Bulk generate mockups from PSD templates by automatically placing images in SmartObjects. The visual editor allows you to change SmartObject parameters and see an updated mockup preview in realtime.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://smartmockups.com/" rel="noopener noreferrer"&gt;Smart Mockups&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create stunning product mockups (free &amp;amp; premium)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://mediamodifier.com/" rel="noopener noreferrer"&gt;Media Modifier&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;beautiful design mockups service for your products (free &amp;amp; premium)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://shotsnapp.com/" rel="noopener noreferrer"&gt;Shot Snap&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create beautiful device mockup images for your app or website design&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.screely.com/" rel="noopener noreferrer"&gt;Screely&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Instantly turn your screenshot into a mockup&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://screenshot.rocks/" rel="noopener noreferrer"&gt;Screenshot.rocks&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create beautiful browser &amp;amp; mobile mockups in seconds&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://screenpeek.io/" rel="noopener noreferrer"&gt;Screen Peak&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create a mockup from a URL&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.mockupworld.co/" rel="noopener noreferrer"&gt;Mockup World&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;The biggest source of free photo-realistic Mockups online&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.collabshot.com/" rel="noopener noreferrer"&gt;Collab Shot&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Real-time screen grabs and image sharing&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://facebook.design/devices" rel="noopener noreferrer"&gt;Facebook Devices&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Images and Sketch files of popular devices&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://threed.io" rel="noopener noreferrer"&gt;Threed.io&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Generate 3D mockups right in your browser.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://mockuphone.com/" rel="noopener noreferrer"&gt;Mockuphone&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;100% free mockups for all devices including IOS, Android, Windows Phone, Laptop &amp;amp; Desktop and TV&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://deviceshots.com/" rel="noopener noreferrer"&gt;Device Shots&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create high-resolution device mockups for social media, for free&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://cleanmock.com/" rel="noopener noreferrer"&gt;Clean Mock&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create stunning mockups using latest device frames like iPhone X &amp;amp; custom backgrounds that make your mobile or website design standout, right from your browser quickly &amp;amp; for free.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.mock.video/" rel="noopener noreferrer"&gt;Mock.Video&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Instantly create mockups by adding a device frame to your videos.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://mockupbro.com/" rel="noopener noreferrer"&gt;MockupBro&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create product mockups with online mockup generator! Just choose a mockup, upload your design and download your image without a watermark.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/alyssaxuu/animockup" rel="noopener noreferrer"&gt;Animockup&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create animated mockups in the browser 🔥.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://pika.style" rel="noopener noreferrer"&gt;Pika&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Instantly create browser mockups and beautiful images for marketing, blog post and more&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://icons8.com/lunacy" rel="noopener noreferrer"&gt;Lunacy&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create mockups from scratch for free&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;b&amp;gt;&amp;lt;a href="#table-of-contents"&amp;gt;↥ Back To Top&amp;lt;/a&amp;gt;&amp;lt;/b&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  HTML &amp;amp; CSS Templates
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;Websites that offer free beautiful website templates and themes of all types&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Website                           &lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://html5up.net/" rel="noopener noreferrer"&gt;HTML5Up&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Very modern, unique responsive HTML5/CSS3 themes&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://templatemo.com/" rel="noopener noreferrer"&gt;Templatemo&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Minimal, resume, gallery themes and more&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://freehtml5.co/" rel="noopener noreferrer"&gt;FreeHTML5&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free &amp;amp; premium HTML5 and Bootstrap themes&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.styleshout.com/free-templates/" rel="noopener noreferrer"&gt;StyleShout&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Brilliantly crafted free website templates&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://startbootstrap.com/" rel="noopener noreferrer"&gt;Start Bootstrap&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Bootstrap starter themes&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://themewagon.com/theme-price/free/" rel="noopener noreferrer"&gt;ThemeWagon&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Collection of HTML5 Bootstrap templates from different categories&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://colorlib.com/wp/templates/" rel="noopener noreferrer"&gt;Colorlib&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Almost any category of theme you can think of&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.free-css.com/free-css-templates" rel="noopener noreferrer"&gt;Free CSS&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Huge collection of free templates&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.hubspot.com/resources" rel="noopener noreferrer"&gt;Hubspot&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Templates, infographics, banners and much more&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://mobirise.com/html-templates/" rel="noopener noreferrer"&gt;Mobirise&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Great looking HTML5/CSS3 templates&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://bootswatch.com/" rel="noopener noreferrer"&gt;Bootswatch&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free themes for Bootstrap&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://onepagelove.com/" rel="noopener noreferrer"&gt;Onepagelove&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;One-page websites, templates and resources&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://themesfor.app/" rel="noopener noreferrer"&gt;Themes For App&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free Bootstrap themes and landing pages&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://bootstraptaste.com/" rel="noopener noreferrer"&gt;BootstrapTaste&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Premium &amp;amp; Free Bootstrap Templates&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://bootstrapmade.com/" rel="noopener noreferrer"&gt;BootstrapMade&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Elegant, clean and beautiful free templates using Bootstrap.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://w3layouts.com/" rel="noopener noreferrer"&gt;W3Layouts&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;W3Layouts: 3784+ Free Website Templates for 2020&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.tooplate.com/" rel="noopener noreferrer"&gt;Tooplate&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Tooplate: Free HTML Templates for everyone!&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://cruip.com/free-templates/" rel="noopener noreferrer"&gt;Cruip&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Fully coded HTML templates to help you easily build your startup landing page without hassles.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://uideck.com/" rel="noopener noreferrer"&gt;UIdeck&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free Landing Page Templates and Bootstrap Themes&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://splawr.com/" rel="noopener noreferrer"&gt;Splawr&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free web templates to kickstart your idea!&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.w3schools.com/w3css/w3css_templates.asp" rel="noopener noreferrer"&gt;W3css_templates&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Some responsive W3.CSS website templates for you to use.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://all-free-download.com/free-website-templates/free-html-css-templates.html" rel="noopener noreferrer"&gt;All-Free-Download&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Download free-website-templates&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://www.mashup-template.com/templates.html" rel="noopener noreferrer"&gt;mashup-template&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;HTML5/CSS3 Free Templates&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/themeselection/sneat-html-admin-template-free" rel="noopener noreferrer"&gt;Sneat Bootstrap 5 HTML Admin Template&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Open-source &amp;amp; Easy to us Bootstrap 5 HTML Admin Template with Elegant Design &amp;amp; Unique Layout.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://htmlrev.com" rel="noopener noreferrer"&gt;HTMLrev&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free beautiful HTML5 templates and landing pages&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://horizon-ui.com/" rel="noopener noreferrer"&gt;Horizon UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Trendiest open source Admin Template for React&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://keenthemes.com/" rel="noopener noreferrer"&gt;KeenThemes&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free and Pro Html/Css3, Bootstrap5, Vue, React, Laravel templates&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/mearashadowfax/ScrewFast" rel="noopener noreferrer"&gt;ScrewFast&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Open-source Astro website template with sleek, customizable TailwindCSS components&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;b&amp;gt;&amp;lt;a href="#table-of-contents"&amp;gt;↥ Back To Top&amp;lt;/a&amp;gt;&amp;lt;/b&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  CSS Frameworks
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;CSS/UI frameworks to help build great looking websites and applications&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Website                           &lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://tailwindcss.com/" rel="noopener noreferrer"&gt;Tailwind CSS&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Low level, utility-first framework&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://getbootstrap.com/" rel="noopener noreferrer"&gt;Bootstrap&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Popular UI framework with tons of components that use both CSS and JS&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://materializecss.com/" rel="noopener noreferrer"&gt;Materialize&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A modern responsive front-end framework based on Material Design&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://getmdl.io/" rel="noopener noreferrer"&gt;Material Design Lite&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Light framework based on Material Design. No JS dependency&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://bulma.io/" rel="noopener noreferrer"&gt;Bulma&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Modern CSS framework with no JS&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://getskeleton.com/" rel="noopener noreferrer"&gt;Skeleton&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Extremely light framework for basic UI elements&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://uniformcss.com/" rel="noopener noreferrer"&gt;Uniform CSS&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Fully configurable utility generator and CSS framework built entirely in Sass&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://semantic-ui.com/" rel="noopener noreferrer"&gt;Semantic UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Empowers designers and developers by creating a shared vocabulary for UI&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://fomantic-ui.com/" rel="noopener noreferrer"&gt;Fomantic UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A community fork of Semantic-UI&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://get.foundation/" rel="noopener noreferrer"&gt;Foundation&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Mobile first framework with clean markup&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://purecss.io/" rel="noopener noreferrer"&gt;Pure CSS&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A set of small, responsive CSS modules&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://getuikit.com/" rel="noopener noreferrer"&gt;UIKit&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Lightweight and modular front-end framework&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.oddbird.net/susy/" rel="noopener noreferrer"&gt;Susy&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Lightweight, grid-layout engine for Sass&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://milligram.io/" rel="noopener noreferrer"&gt;Milligram.io&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Minimalist CSS framework&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://vanillaframework.io/" rel="noopener noreferrer"&gt;Vanilla Framework&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Simple, extensible CSS framework written in Sass&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://picturepan2.github.io/spectre/" rel="noopener noreferrer"&gt;Spectre CSS&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Lightweight, modern CSS framework&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://picnicss.com/" rel="noopener noreferrer"&gt;Picnic CSS&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Lightweight and beautiful library&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://kbrsh.github.io/wing/" rel="noopener noreferrer"&gt;Wing&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A beautiful CSS framework designed for minimalists&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://jenil.github.io/chota/" rel="noopener noreferrer"&gt;Chota&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A micro (~3kb) CSS framework&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://blueprintcss.dev/" rel="noopener noreferrer"&gt;Blueprint CSS&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A lightweight layout library for building great responsive mobile first UIs that work everywhere&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.w3schools.com/w3css/" rel="noopener noreferrer"&gt;W3.CSS&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A modern CSS framework with support for desktop, tablet, and mobile design by default. Designed to be independent of jQuery or any other JavaScript library&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://jdan.github.io/98.css/" rel="noopener noreferrer"&gt;98.css&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A design system for building faithful recreations of old UIs&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://nostalgic-css.github.io/NES.css/" rel="noopener noreferrer"&gt;NES CSS&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;NES-style CSS Framework&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.shoelace.style/" rel="noopener noreferrer"&gt;Shoelace.css&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Lightweight, forward-thinking CSS library built with future CSS syntax&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://andybrewer.github.io/mvp/" rel="noopener noreferrer"&gt;MVP.css&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A minimalist stylesheet for HTML elements. No class names, no frameworks, just semantic HTML and you're done&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://blazecss.com/" rel="noopener noreferrer"&gt;Blaze.css&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Open source modular CSS toolkit providing great structure for building websites quickly&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://turretcss.com/" rel="noopener noreferrer"&gt;Turret CSS&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Turret CSS is a styles framework for development of responsive websites.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.cutestrap.com/" rel="noopener noreferrer"&gt;Cutestrap&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A strong, independent CSS Framework.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://botoxparty.github.io/XP.css/" rel="noopener noreferrer"&gt;XP.css&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;XP.css is an extension of 98.css. A CSS library for building interfaces that look like old UIs.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://framework7.io/" rel="noopener noreferrer"&gt;Framework7&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Framework7 - is a free and open source framework to develop mobile, desktop or web apps with native look and feel.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://kushagra.dev/lab/hint/" rel="noopener noreferrer"&gt;Hint.css&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A pure CSS tooltip library for your lovely websites.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://imagehover.io/" rel="noopener noreferrer"&gt;imagehover.io&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Pure CSS Image Hover Effect Library&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://minicss.org/" rel="noopener noreferrer"&gt;mini.css&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A minimal, responsive, style-agnostic CSS framework&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://tachyons.io/" rel="noopener noreferrer"&gt;Tachyons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create fast loading, highly readable, and 100% responsive interfaces with as little css as possible.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://fezvrasta.github.io/bootstrap-material-design/" rel="noopener noreferrer"&gt;Material Bootstrap&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Material Design with Bootstrap&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/IVORY-UI/ivory" rel="noopener noreferrer"&gt;Ivory&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A modern CSS framework for developing powerful web interfaces faster and easier&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.gethalfmoon.com/" rel="noopener noreferrer"&gt;Halfmoon UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A responsive and lightweight framework, designed for quickly building beautiful dashboards and product pages.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://metroui.org.ua/index.html" rel="noopener noreferrer"&gt;Metro 4&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create your site quickly and effectively with Metro 4. impressive components library built on html, css, javascript.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://css-doodle.com/" rel="noopener noreferrer"&gt;css-doodle&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A web component for drawing patterns with CSS&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://latex.now.sh/" rel="noopener noreferrer"&gt;latex.css&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Make your website look like a LaTeX document&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/cognitom/paper-css" rel="noopener noreferrer"&gt;Paper CSS&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Front-end printing solution&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://windicss.org/" rel="noopener noreferrer"&gt;Windi CSS&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Next generation compiler for Tailwind CSS&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://cirrus-ui.netlify.app/" rel="noopener noreferrer"&gt;Cirrus CSS&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A component and utility centric SCSS framework designed for rapid prototyping.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/BafS/Gutenberg" rel="noopener noreferrer"&gt;Gutenberg&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Modern framework to print the web correctly. &lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/ajusa/lit" rel="noopener noreferrer"&gt;lit&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;World's smallest responsive fire css framework (395 bytes). &lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/arwes/arwes" rel="noopener noreferrer"&gt;Arwes&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Arwes is a web framework to build user interfaces based on futuristic science fiction designs, animations, and sound effects. &lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://bojler.slicejack.com/" rel="noopener noreferrer"&gt;Bojler&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Bojler is an email framework for developing responsive and lightweight email templates that will render correctly across each of the most popular email clients. &lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/yegor256/tacit" rel="noopener noreferrer"&gt;Tacit&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Primitive CSS Framework for dummies, without classes. &lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://terminalcss.xyz/" rel="noopener noreferrer"&gt;Terminal CSS&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A modern and minimal CSS framework for terminal lovers. &lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://oxal.org/projects/sakura/" rel="noopener noreferrer"&gt;Sakura&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A minimal classless css framework / theme. &lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/micah5/PSone.css" rel="noopener noreferrer"&gt;PSone&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;PS1 style CSS Framework, inspired by NES.css. &lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/mblode/marx" rel="noopener noreferrer"&gt;Marx&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Marx is the classless CSS reset to be used in any projects (namely small ones). &lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/edwardtufte/tufte-css" rel="noopener noreferrer"&gt;Tufte&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Style your webpage like Edward Tufte’s handouts. &lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://useaxentix.com/" rel="noopener noreferrer"&gt;Axentix&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Axentix is an open source Framework based on CSS Grid using HTML, CSS and JS.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://rsms.me/raster/" rel="noopener noreferrer"&gt;Raster Simple Grid System&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Minimal and straight-forward CSS grid system utilizing descriptive HTML rather than semantic CSS.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://flowrift.com/c/banner" rel="noopener noreferrer"&gt;flowrift&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Flowrift is a library made of beautifully designed Tailwind CSS UI blocks.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://twind.dev/" rel="noopener noreferrer"&gt;twind&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;The smallest, fastest, most feature complete tailwind-in-js solution in existence&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://picocss.com/" rel="noopener noreferrer"&gt;Pico.css&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Elegant styles for all natives HTML elements without .classes and dark mode automatically enabled.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/codeAdrian/clay.css" rel="noopener noreferrer"&gt;clay.css&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Extensible and configurable micro CSS util class and SASS mixin for adding claymorphism styles to your components.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.beercss.com" rel="noopener noreferrer"&gt;BeerCSS&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Build Material Design interfaces in record time, without stress for devs 🍻. The first CSS framework that implements Material Design 3.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://unocss.dev/" rel="noopener noreferrer"&gt;UnoCSS&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;UnoCSS is the instant atomic CSS engine, that is designed to be flexible and extensible. The core is un-opinionated, and all the CSS utilities are provided via presets. &lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="//neptunecss.org"&gt;Neptune CSS&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Neptune CSS is a lightweight CSS framework. Use it to develop your websites faster. &lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://stylexjs.com/" rel="noopener noreferrer"&gt;StyleX&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;StyleX is a simple, easy-to-use JavaScript syntax and compiler for styling web apps. &lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/zumerlab/orbit" rel="noopener noreferrer"&gt;Orbit&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Orbit is the first CSS framework for creating simple or complex radial interfaces. &lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;b&amp;gt;&amp;lt;a href="#table-of-contents"&amp;gt;↥ Back To Top&amp;lt;/a&amp;gt;&amp;lt;/b&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  CSS Methodologies
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;CSS methodologies to help write modular, reusable and scalable code&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Website                           &lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://oocss.org/" rel="noopener noreferrer"&gt;OOCSS&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;OOCSS concepts help us write components that are flexible, modular and interchangeable.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://acss.io/" rel="noopener noreferrer"&gt;Atomic CSS&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Atomic CSS is the approach to CSS architecture that favors small, single-purpose classes with names based on visual function.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://getbem.com/" rel="noopener noreferrer"&gt;BEM&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Block Element Modifier is a methodology that helps you to create reusable components and code sharing in front-end development.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://smacss.com/" rel="noopener noreferrer"&gt;SMACSS&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;SMACSS is a way to examine your design process and as a way to fit those rigid frameworks into a flexible thought process.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://cube.fyi/" rel="noopener noreferrer"&gt;CUBE&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;CUBE CSS is a CSS methodology that’s orientated towards simplicity, pragmatism and consistency.&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;b&amp;gt;&amp;lt;a href="#table-of-contents"&amp;gt;↥ Back To Top&amp;lt;/a&amp;gt;&amp;lt;/b&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  CSS Animations
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;CSS animations to build awesome animations for websites and applications&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Website                           &lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://gradienty.codes/animations" rel="noopener noreferrer"&gt;Gradienty Animations&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Over 600+ Curated Animations ready to copy &amp;amp; paste.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://animate.style/" rel="noopener noreferrer"&gt;Animate.css&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Just-add-water CSS animations&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://bouncejs.com/" rel="noopener noreferrer"&gt;Bounce.js&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Bounce.js is a tool and JS library that lets you create beautiful CSS3 powered animations&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://animejs.com/" rel="noopener noreferrer"&gt;Anime.js&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Anime.js (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.minimamente.com/project/magic/" rel="noopener noreferrer"&gt;Magic Animations&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Animations has been one of the most impressive animation libraries available&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://zzz.dog/" rel="noopener noreferrer"&gt;Zdog&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Round, flat, designer-friendly pseudo-3D engine for canvas &amp;amp; SVG&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://elrumordelaluz.github.io/csshake/" rel="noopener noreferrer"&gt;CSShake&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;CSShake delivers exactly what it says on the box — a CSS library designed specifically for shaking elements within your web page&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://ianlunn.github.io/Hover/" rel="noopener noreferrer"&gt;Hover.css&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Hover.css is a CSS animation library designed for use with buttons and other UI elements in your website&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://anijs.github.io/" rel="noopener noreferrer"&gt;AniJS&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;AniJS is an animation library that allows you to add animations to elements in a simple ‘sentence-like’ structure&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://animista.net/" rel="noopener noreferrer"&gt;Animista&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;CSS Animations On Demand&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/anater/tachyons-animate" rel="noopener noreferrer"&gt;Tachyons-animate&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Tachyons itself is an atomic CSS library with a ton of utility classes for essentially designing anything by adding classes to what you need&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.sequencejs.com/" rel="noopener noreferrer"&gt;Sequence.js&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Sequence.js is a JavaScript library that provides a responsive CSS framework for creating unique sliders, presentations, banners, and other step-based applications&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://tilomitra.github.io/infinite/" rel="noopener noreferrer"&gt;Infinite&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;These animations, like rotations and pulses, that are specifically designed to run and repeat forever&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://tholman.com/obnoxious/" rel="noopener noreferrer"&gt;OBNOXIOUS.CSS&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Animations for the strong of heart, and weak of mind&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://zurb.com/playground/motion-ui" rel="noopener noreferrer"&gt;MOTION UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A Sass library for creating flexible CSS transitions and animations&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://keyframes.app/" rel="noopener noreferrer"&gt;Keyframes.app&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A graphical user interface for generating custom CSS keyframe animations&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://thoughtbot.com/blog/transitions-and-transforms" rel="noopener noreferrer"&gt;thoughtbot&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;CSS Transitions and Transformations for Beginners&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://svgartista.net/" rel="noopener noreferrer"&gt;SVG Artista&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A useful tool to animate stroke and fill properties in SVG images with plain CSS code&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://animxyz.com/" rel="noopener noreferrer"&gt;AnimXYZ&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;AnimXYZ helps you create, customize, and compose animations for your website. Built for Vue, React, SCSS, and CSS&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/jh3y/whirl" rel="noopener noreferrer"&gt;Whirl&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;CSS loading animations with minimal effort!&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://jonsuh.com/hamburgers/" rel="noopener noreferrer"&gt;Hamburgers&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Hamburgers is a collection of tasty CSS-animated hamburger icons. Also included is the source as a Sass library. It’s modular and customizable, so cook up your own hamburger.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://cssloaders.github.io/" rel="noopener noreferrer"&gt;CSS Loaders &amp;amp; Spinners&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;This is a library having a collection of different types of CSS loaders, spinners&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://motion.dev/" rel="noopener noreferrer"&gt;Motion One&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A new animation library, built on the Web Animations API for the smallest filesize and the fastest performance.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://pocoloco.io/" rel="noopener noreferrer"&gt;pocoloco&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Generate dynamic backgrounds for your website&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://adajuly.github.io/AniX/" rel="noopener noreferrer"&gt;AniX&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Super easy and lightweight css animation library.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://michalsnik.github.io/aos/" rel="noopener noreferrer"&gt;AOS&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Animate On Scroll Library.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://sarthology.github.io/Animatopy/" rel="noopener noreferrer"&gt;Animatopy&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Just-add-water CSS animations snippets&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;b&amp;gt;&amp;lt;a href="#table-of-contents"&amp;gt;↥ Back To Top&amp;lt;/a&amp;gt;&amp;lt;/b&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  Javascript Animation Libraries
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;javascript animations libraries to build awesome animations for websites and applications&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Website                           &lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://gsap.com/" rel="noopener noreferrer"&gt;GSAP&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A JavaScript library for building high-performance animations that work in every major browser&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://velocityjs.org/" rel="noopener noreferrer"&gt;Velocity.js&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Velocity is a lightweight animation engine with the same API as jQuery's $.animate()&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/alexfoxy/laxxx" rel="noopener noreferrer"&gt;lax.js&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Simple &amp;amp; light weight vanilla javascript plugin to create smooth &amp;amp; beautiful animations when you scroll!&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/dixonandmoe/rellax" rel="noopener noreferrer"&gt;Rellax.js&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A buttery smooth, super lightweight, vanilla javascript parallax library&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/mrdoob/three.js/" rel="noopener noreferrer"&gt;three.js&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;An easy to use, lightweight, 3D library with a default WebGL renderer.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://atroposjs.com/" rel="noopener noreferrer"&gt;Atropos&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Atropos is a lightweight, free and open-source JavaScript library to create stunning touch-friendly 3D parallax hover effects.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://wowjs.uk/" rel="noopener noreferrer"&gt;wow.js&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Reveal Animations When You Scroll.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://chocolat.insipi.de/" rel="noopener noreferrer"&gt;chocolat.js&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free lightbox plugin.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://michalsnik.github.io/aos/" rel="noopener noreferrer"&gt;Animate On Scroll&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Animate on scroll library to reveal animations when You scroll.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://gijsroge.github.io/tilt.js/" rel="noopener noreferrer"&gt;Tilt.js&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A tiny requestAnimationFrame powered 60+fps lightweight parallax hover tilt effect for jQuery.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://roughnotation.com/" rel="noopener noreferrer"&gt;Roughnotation&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Rough Notation is a small JavaScript library to create and animate annotations on a web page&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://particles.js.org/" rel="noopener noreferrer"&gt;tsParticles&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A lightweight library for creating particles, an improved version of the abandoned and obsolete particles.js&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://vincentgarreau.com/particles.js/" rel="noopener noreferrer"&gt;Particles.js&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A lightweight JavaScript library for creating particles&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://mojs.github.io/" rel="noopener noreferrer"&gt;mo.js&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;The motion graphics toolbelt for the web&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://lokeshdhakar.com/projects/lightbox2/" rel="noopener noreferrer"&gt;Lightbox2&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A small JS library to overlay images on top of the current page.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://kenwheeler.github.io/slick/" rel="noopener noreferrer"&gt;Slick&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Fully responsive carousel&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://barba.js.org/" rel="noopener noreferrer"&gt;barba.js&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create fluid and smooth transitions between your website’s pages.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://locomotivemtl.github.io/locomotive-scroll/" rel="noopener noreferrer"&gt;Locomotive Scroll&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A simple scroll library that provides detection of elements in viewport &amp;amp; smooth scrolling with parallax.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://owlcarousel2.github.io/OwlCarousel2/" rel="noopener noreferrer"&gt;Owl carousel&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free responsive jQuery carousel&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://swiperjs.com/" rel="noopener noreferrer"&gt;Swiperjs&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free, Open Source, Modern Slider without jQuery. Available for Vanilla JS and all modern frameworks like React, Vue, Angular etc.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://splidejs.com" rel="noopener noreferrer"&gt;Splide&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free, pure JS library for carousels and sliders&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://simpleparallax.com/" rel="noopener noreferrer"&gt;Simple Parallax&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;The easiest way to get a parallax effect with javascript&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://thednp.github.io/kute.js/" rel="noopener noreferrer"&gt;KUTE.js&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;KUTE.js is a JavaScript animation engine for modern browsers.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://sarcadass.github.io/granim.js/index.html" rel="noopener noreferrer"&gt;Granim.js&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create fluid and interactive gradient animations with this small javascript library.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://popmotion.io/" rel="noopener noreferrer"&gt;Popmotion&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Simple animation libraries for delightful user interfaces.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://maxwellito.github.io/vivus/" rel="noopener noreferrer"&gt;Vivus&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://mattboldt.com/demos/typed-js/" rel="noopener noreferrer"&gt;Typed.js&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A JavaScript Typing Animation Library.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://kimmobrunfeldt.github.io/progressbar.js/" rel="noopener noreferrer"&gt;Progress Bar.js&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Responsive and slick progress bars with animated SVG paths.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://aerolab.github.io/midnight.js/" rel="noopener noreferrer"&gt;Midnight.js&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Midnight.js lets you switch fixed headers on the fly&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://tingle.robinparisi.com/" rel="noopener noreferrer"&gt;Tingle.js&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Tingle is a simple modal plugin written in pure JavaScript&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.theatrejs.com/" rel="noopener noreferrer"&gt;Theatre.js&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Theatre.js is a JavaScript animation library with a GUI. It animates the DOM, WebGL, and any other JavaScript variable.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://splidejs.com/" rel="noopener noreferrer"&gt;splidejs&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://gvguy.github.io/nice-waves/" rel="noopener noreferrer"&gt;nice-waves&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Beautiful animated waves&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.vantajs.com/" rel="noopener noreferrer"&gt;Vanta.js&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Animated website backgrounds in a few lines of code.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://splitting.js.org/" rel="noopener noreferrer"&gt;Splitting.js&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Splitting creates elements and adds CSS variables to unlock amazing possibilities for animating text, grids, and more!&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;b&amp;gt;&amp;lt;a href="#table-of-contents"&amp;gt;↥ Back To Top&amp;lt;/a&amp;gt;&amp;lt;/b&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  Javascript Chart Libraries
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;Libraries that help developers visualize data into charts&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Website                           &lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.chartjs.org/" rel="noopener noreferrer"&gt;ChartJS&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Simple yet flexible JavaScript charting for designers &amp;amp; developers&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://frappe.io/charts" rel="noopener noreferrer"&gt;FrappeJS&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Includes Green squares grid like in GitHub, and other charts to use.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://g2plot.antv.vision/en" rel="noopener noreferrer"&gt;G2Plot&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;G2Plot is an interactive and responsive charting library based on the grammar of graphics.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://developers.google.com/chart/" rel="noopener noreferrer"&gt;Google Charts&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Get the experience from Google to create similar charts that Google uses.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://d3js.org/" rel="noopener noreferrer"&gt;Data Driven Documents (D3)&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Bind complicated and massive data to interactive graphs.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://apexcharts.com/" rel="noopener noreferrer"&gt;ApexCharts.Js&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Modern &amp;amp; Interactive Open-source Charts&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://gionkunz.github.io/chartist-js/index.html" rel="noopener noreferrer"&gt;Chartist&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Simple responsive charts&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://lib.vizzuhq.com/0.3.0/" rel="noopener noreferrer"&gt;Vizzu&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Vizzu - a free, open-source Javascript library for building animated charts, data stories, and interactive explorers.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://ant-design-charts.antgroup.com/en/" rel="noopener noreferrer"&gt;AntV&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Ant Design Charts, free JS Charts library for dynamic data with excellent documentation&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://nivo.rocks/" rel="noopener noreferrer"&gt;Nivo&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Nivo provides supercharged React components to easily build dataviz apps, it's built on top of d3. Also comes with server side rendering ability and fully declarative charts.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://echarts.apache.org/en/index.html" rel="noopener noreferrer"&gt;Echarts&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;An Open Source JavaScript Visualization Library with declarative syntax for Rapid Construction of Web-based Visualization&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://visactor.io/vchart" rel="noopener noreferrer"&gt;VChart&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;VChart is not only a multi-terminal chart library that can be used out of the box, but also a vivid and flexible data storyteller.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://visactor.io/vtable" rel="noopener noreferrer"&gt;VTable&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;VTable is a high-performance multidimensional analysis component developed based on Canvas. When compared with traditional DOM table components, VTable primarily addresses rendering and interaction performance issues in the context of large amounts of data.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://visactor.io/vstory" rel="noopener noreferrer"&gt;VStory&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;VStory is a feature-rich narrative system that can use VisActor's VChart and VTable, combined with built-in components, to create visual works.&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;b&amp;gt;&amp;lt;a href="#table-of-contents"&amp;gt;↥ Back To Top&amp;lt;/a&amp;gt;&amp;lt;/b&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  UI Components &amp;amp; Kits
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;Not quite "frameworks", but tools for creating user interfaces with components or UI kits&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Website                           &lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://cssnippets.shefali.dev" rel="noopener noreferrer"&gt;CSSnippets&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Explore a vast collection of HTML, React, CSS and Tailwind CSS code snippets for buttons, box-shadows, cards, checkboxes, dropdowns and many more.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://bit.dev/components" rel="noopener noreferrer"&gt;Bit&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Provides a huge library of reuseable UI Components for React, Angular, Vue, React Native. Also can be used for sharing UI Components among other team members&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://uilang.com/" rel="noopener noreferrer"&gt;UILang&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A minimal, UI-focused programming language for web designers&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://medialoot.com/free-themes/css-components/" rel="noopener noreferrer"&gt;Medialoot CSS Components&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Calendars, price grids and other UI components&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://froala.com/design-blocks" rel="noopener noreferrer"&gt;Froala Design Blocks&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Over 170 responsive design blocks ready to be used in your web or mobile apps&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://flowbite.com" rel="noopener noreferrer"&gt;Flowbite&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Open-source library of Tailwind CSS components&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://daisyui.com/" rel="noopener noreferrer"&gt;daisyUI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Tailwind CSS Components&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://mui-treasury.com" rel="noopener noreferrer"&gt;Mui Treasury&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;An open-source project that provides a collection of ready-to-use components based on Material-UI.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://mdbootstrap.com/" rel="noopener noreferrer"&gt;Material Design For Bootstrap&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Open source toolkit for building material design with Bootstrap&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://photonkit.com/" rel="noopener noreferrer"&gt;Photonkit&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Desktop UI library for Electron&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://designmodo.github.io/Flat-UI/" rel="noopener noreferrer"&gt;Flat UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Minimal free user interface kit&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://designrevision.com/downloads/shards/" rel="noopener noreferrer"&gt;Shards&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A free and modern UI toolkit for web makers based on Bootstrap&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://themesberg.com/templates/free" rel="noopener noreferrer"&gt;Themesberg&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free and open-source website themes, templates, and UI kits based on Bootstrap and React&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.creative-tim.com/" rel="noopener noreferrer"&gt;Creative Tim&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;All types of UI libraries and kits including JS frameworks like React&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://brumm.af/shadows" rel="noopener noreferrer"&gt;Brumm Shadow Maker&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;An online tool to make css shadows&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://adminlte.io/" rel="noopener noreferrer"&gt;AdminLTE&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Best open source admin dashboard &amp;amp; control panel theme&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://tobiasahlin.com/spinkit/" rel="noopener noreferrer"&gt;SpinKit&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Simple CSS Spinners&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://epic-spinners.epicmax.co/" rel="noopener noreferrer"&gt;Epic Spinners&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;CSS spinners collection with Vue.js integration.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://loading.io/" rel="noopener noreferrer"&gt;Loading.io&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Online service provider for creating simple animations, spinners, progress bar and more&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://tobiasahlin.com/moving-letters/" rel="noopener noreferrer"&gt;Moving Letters&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Animated Text with JavaScript and anime.js&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://csslayout.io/" rel="noopener noreferrer"&gt;CSS Layout&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A collection of popular web layouts and patterns in pure CSS&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://cssgrid-generator.netlify.app/" rel="noopener noreferrer"&gt;CSS Grid Generator&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;An open-source project that allow users to quickly create dynamic layout based on CSS Grid.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.htmltables.io/" rel="noopener noreferrer"&gt;HTML Table Generator&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create semantic, responsive &amp;amp; accessible HTML tables to represent your tabular data. Set CSS properties, generate the code and copy &amp;amp; paste into your project.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://codyhouse.co/" rel="noopener noreferrer"&gt;Codyhouse&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Kick-start your web projects with CodyHouse's front-end framework and library of accessible HTML, CSS, JavaScript components&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/creativetimofficial/tailwind-starter-kit" rel="noopener noreferrer"&gt;Tailwind Starter Kit&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Tailwind Starter Kit a beautiful extension for TailwindCSS, Free and Open Source&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.tailwindtoolbox.com/" rel="noopener noreferrer"&gt;Tailwindtoolbox&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Open source starter templates and components, a plugins directory and useful tools/utilities to kick start your Tailwind CSS project.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://tailwindcomponents.com/" rel="noopener noreferrer"&gt;tailwindcomponents&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A free repository for community components using TailwindCSS&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://sweetalert.js.org/" rel="noopener noreferrer"&gt;sweetalert&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;SweetAlert makes popup messages easy and pretty.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://sweetalert2.github.io/" rel="noopener noreferrer"&gt;sweetalert2&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A beautiful, responsive, customizable, accessible replacement for javascript's popup boxes&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://mertjf.github.io/tailblocks/" rel="noopener noreferrer"&gt;tailblocks&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Open source ready-to-use Tailwind CSS components.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.fast.design/" rel="noopener noreferrer"&gt;Fast&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;An interface system that can be used with modern Web Frameworks such as React, Vue and Angular.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://lottiefiles.com/" rel="noopener noreferrer"&gt;LottieFiles &lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Interactive animations in many formats like json,gif and mp4, libraries and plugins for Web &amp;amp; Mobile .&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://kutty.netlify.app/" rel="noopener noreferrer"&gt;Kutty&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A set of accessible and reusable prebuilt Tailwind components that are commonly used in web applications.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://tailwindtemplates.io/" rel="noopener noreferrer"&gt;Tailwind Templates&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A free collection of Tailwindcss Templates - tailwind components for rapid UI development.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://stitches.hyperyolo.com/" rel="noopener noreferrer"&gt;Stitches&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;An HTML template generator using functional css.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://merakiui.com/" rel="noopener noreferrer"&gt;Meraki UI Components&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Beautiful Tailwindcss components that support RTL languages &amp;amp; fully responsive based on Flexbox &amp;amp; CSS Grid.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://http://daemonite.github.io/material/" rel="noopener noreferrer"&gt;Daemonites Material Design For Bootstrap&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Daemonite's Material UI is a cross-platform and fully responsive front-end interface based on Google Material Design developed using Bootstrap 4&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://stitches.dev/" rel="noopener noreferrer"&gt;Stitches&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://headlessui.dev/" rel="noopener noreferrer"&gt;Headless UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://styled-components.com/" rel="noopener noreferrer"&gt;Styled components&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Build beautifully UI Components, for your applications &amp;amp; websites.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://drive.google.com/file/d/1SZOTxXYfCMujqP2P684Vd5QIrlk5bwe6/view?usp=sharing" rel="noopener noreferrer"&gt;Figma Bootstrap 5 UI Kit&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;UI Kit comprising 300+ organized Bootstrap 5 components built with atomic design system &amp;amp; auto layout.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://notiflix.github.io" rel="noopener noreferrer"&gt;Notiflix&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;JavaScript library for client-side non-blocking notifications, popup boxes, loading indicators, and more that makes your web projects much better&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://coreui.io" rel="noopener noreferrer"&gt;CoreUI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Bootstrap Admin Dashboard Template &amp;amp; UI Components Library&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.agnosticui.com/" rel="noopener noreferrer"&gt;AgnosticUI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Accessible React component primitives that also work with Vue 3, Svelte, and Angular&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://react-svgr.com/" rel="noopener noreferrer"&gt;SVGR&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;SVGR is an universal tool to transform a raw SVG into a ready-to-use React components. Available online, in CLI, Node.js, as a webpack/rollup/parcel plugin...&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://uiverse.io" rel="noopener noreferrer"&gt;uiverse&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Hundreds Open-Source UI elements, made with HTML &amp;amp; CSS. Anyone can contribute. Includes buttons, checkboxes, spinners, cards, inputs and more.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.hyperui.dev/" rel="noopener noreferrer"&gt;HyperUI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free open source Tailwind CSS components for marketing and ecommerce websites, as well as application UI.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/themesberg/flowbite-admin-dashboard" rel="noopener noreferrer"&gt;Flowbite Admin Dashboard&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free and open-source admin dashboard template built with Tailwind CSS and Flowbite featuring 15 examples pages, charts, widgets, and dark mode.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://wickedblocks.dev/" rel="noopener noreferrer"&gt;Wicked Blocks&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A free collection of Tailwind blocks &amp;amp; components&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://mambaui.com/" rel="noopener noreferrer"&gt;Mamba UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Mamba UI is a free, open-source collection of UI components and templates based on Tailwind CSS.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://kitwind.io/products/kometa/components" rel="noopener noreferrer"&gt;Kitwind&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Fully responsive UI kits, built with Tailwind CSS.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.devui.io/" rel="noopener noreferrer"&gt;DevUI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free and Open-Source UI Components for Maximum Productivity.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.tailwind-kit.com/" rel="noopener noreferrer"&gt;Tail-Kit&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Tail-kit gives you access to over 250 free components and free templates, based on Tailwind CSS 3.0.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://floatui.com/" rel="noopener noreferrer"&gt;Float UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free and open-source UI components and website templates using Tailwind CSS&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://konstaui.com/" rel="noopener noreferrer"&gt;Konsta UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Pixel perfect mobile UI components built with Tailwind CSS&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/FaridSafi/react-native-gifted-chat#readme" rel="noopener noreferrer"&gt;React Native Gifted Chat&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A chat UI component that offers a ready-to-use chat interface with features like message bubbles, input toolbar, and more.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://wind-ui.com/" rel="noopener noreferrer"&gt;Wind UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Expertly made, responsive, accessible components in React and HTML ready to be used on your website or app.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://sonner.emilkowal.ski/" rel="noopener noreferrer"&gt;Sonner&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;An opinionated toast component for React.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://devdojo.com/pines" rel="noopener noreferrer"&gt;Pines&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Pines is a library of animations, sliders, tooltips, accordions, modals, and more! It's a set of UI elements that can be copy and pasted into any Alpine and Tailwind projects.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.kuma-ui.com/" rel="noopener noreferrer"&gt;Kuma UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;With Kuma UI's headless, zero-runtime UI components, build top-performing websites effortlessly, while enjoying the best developer experience. Say hello to the future of CSS-in-JS.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.shadcnui-blocks.com/" rel="noopener noreferrer"&gt;Shadcnui Blocks&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Effortless Shadcn UI Component Previews &amp;amp; Code Snippets.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://shadcnstudio.com/" rel="noopener noreferrer"&gt;Shadcn studio&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Preview your theme changes across different components and layouts.&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;b&amp;gt;&amp;lt;a href="#table-of-contents"&amp;gt;↥ Back To Top&amp;lt;/a&amp;gt;&amp;lt;/b&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  React UI Libraries
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;UI and component libraries for the React JavaScript framework&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Website                           &lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://material-ui.com/" rel="noopener noreferrer"&gt;Material UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;React components for faster and easier web development, based on Material Design&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chakra-ui.com/" rel="noopener noreferrer"&gt;Chakra UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Build accessible React apps &amp;amp; websites with speed. &lt;a href="https://openchakra.app/" rel="noopener noreferrer"&gt;Openchakra&lt;/a&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://react-bootstrap.github.io/" rel="noopener noreferrer"&gt;React Bootstrap&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Bootstrap rebuilt for React. Include Bootstrap components right in your JavaScript&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://semi.design/en-US" rel="noopener noreferrer"&gt;Semi Design&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A modern, comprehensive, flexible design system that gives you all modular blocks you need to build sensible web apps &amp;amp; SaaS products.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://mantine.dev/" rel="noopener noreferrer"&gt;Mantine&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;React components and hooks library with native dark theme support focused on usability, accessibility and developer experience.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.heroui.com/" rel="noopener noreferrer"&gt;HeroUI - Previously NextUI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Beautiful, fast and modern React UI library that allows you to create beatiful websites regardless of your design experience.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://arco.design/en-US" rel="noopener noreferrer"&gt;Arco Design&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A comprehensive React UI components library based on the Arco Design system.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://uiplaybook.dev/" rel="noopener noreferrer"&gt;ui-playbook&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;The documented collection of UI components&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://reactstrap.github.io/" rel="noopener noreferrer"&gt;ReactStrap&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Another Bootstrap UI library for React&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://marmelab.com/react-admin/" rel="noopener noreferrer"&gt;React Admin&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A frontend Framework for building admin applications. Supports API's out of the box&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://blueprintjs.com/" rel="noopener noreferrer"&gt;BlueprintJS&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;React-based UI toolkit for the web&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://react.semantic-ui.com/" rel="noopener noreferrer"&gt;React Semantic UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;UI components based off of the Semantic UI framework&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://designrevision.com/downloads/shards-react/" rel="noopener noreferrer"&gt;Shards React&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;React UI kit featuring a modern design system with dozens of custom components&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://bvaughn.github.io/react-virtualized" rel="noopener noreferrer"&gt;React Virtualized&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;UI set for data. Includes tables, lists, sorting, etc.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://react-toolbox.io/#/" rel="noopener noreferrer"&gt;React Toolbox&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Material design UI library for React&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://elastic.github.io/eui/#/" rel="noopener noreferrer"&gt;Elastic UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Distributes UI React components and static assets for use in building web layouts&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://reactdesktop.js.org/" rel="noopener noreferrer"&gt;React Desktop&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Desktop styled components in React. Includes MacOS and Windows based components&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://theme-ui.com/home" rel="noopener noreferrer"&gt;Theme UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Build consistent, themeable React apps based on constraint-based design principles&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://onsen.io/react/" rel="noopener noreferrer"&gt;Onsen React&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Distributes Components for hybrid mobile apps with React and Onsen UI&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://evergreen.segment.com/" rel="noopener noreferrer"&gt;Evergreen&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Design system for React&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/rebassjs/rebass" rel="noopener noreferrer"&gt;Rebass&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;React primitive UI components built with styled system&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://v2.grommet.io/" rel="noopener noreferrer"&gt;Grommet&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;mobile first UI component library&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/cruip/open-react-template/" rel="noopener noreferrer"&gt;Landing Page Template&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Open source landing page template for react&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://elemental-ui.com/" rel="noopener noreferrer"&gt;Elemental UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A UI Toolkit for React.js Websites and Apps&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://ant.design/" rel="noopener noreferrer"&gt;Ant Design&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Open source design React UI library.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://bumbag.style/" rel="noopener noreferrer"&gt;Bumbag&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Bumbag is a friendly React UI Kit suitable for MVPs or large-scale applications.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.primefaces.org/primereact/" rel="noopener noreferrer"&gt;PRIMEREACT&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;The ultimate collection of design-agnostic, flexible and accessible React UI Components&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://primer.style/components/" rel="noopener noreferrer"&gt;Primer Components&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Primer Components are React components which implement GitHub's Primer Design System&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://orbit.kiwi/" rel="noopener noreferrer"&gt;Orbit&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Design system and React UI components for travel projects.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://baseweb.design/" rel="noopener noreferrer"&gt;Base Web&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Base Web provides a robust suite of components out of the box&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://lonelyplanet.github.io/backpack-ui/?path=/story/styles--design-tokens" rel="noopener noreferrer"&gt;Backpack UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Backpack is the Lonely Planet toolset that we use to build front end apps.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://reaviz.io" rel="noopener noreferrer"&gt;Reaviz&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Data visualization library for React based on D3&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://rsuitejs.com/en/" rel="noopener noreferrer"&gt;React Suite&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A suite of React components, sensible UI design, and a friendly development experience.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.react-spring.io/" rel="noopener noreferrer"&gt;React Spring&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Spring-physics based animation library for React applications.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://recharts.org/en-US/" rel="noopener noreferrer"&gt;Recharts&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A composable charting library built on React components.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/geist-org/react" rel="noopener noreferrer"&gt;Vercel UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Modern and minimalist React UI library&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.framer.com/motion/" rel="noopener noreferrer"&gt;Framer Motion&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A React library to power production-ready animations.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://react-spectrum.adobe.com/react-spectrum/index.html" rel="noopener noreferrer"&gt;React Spectrum&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A React implementation of Spectrum, Adobe’s design system.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/tsparticles/react" rel="noopener noreferrer"&gt;@tsparticles/react&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A lightweight React component for creating particles&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/lindelof/particles-bg" rel="noopener noreferrer"&gt;particles-bg&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A React particles animation background component&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://treact.owaiskhan.me" rel="noopener noreferrer"&gt;Treact&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Gallery of free and modern React templates and UI components developed using TailwindCSS as the front-end framework&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://gatsby-admin.paljs.com/extra-components/progress/" rel="noopener noreferrer"&gt;OAH-Admin&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;a free React admin dashboard template based on Gatsby with oah-ui components and elements package.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://demo.uifort.com/carolina-react-admin-dashboard-material-ui-free-demo/LandingPage" rel="noopener noreferrer"&gt;Carolina Admin Dashboard&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free React admin template is powered by Material-UI components framework and features a clean and fresh design following Google's Material Design specifications.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/tabler/tabler-react" rel="noopener noreferrer"&gt;Tabler&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Tabler is a free React admin dashboard template ideal for any kind of back-end web application.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/sha-el/sha-el-design" rel="noopener noreferrer"&gt;Sha-el-design&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;React components for easier customization and smooth development flow.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://weui.github.io/react-weui/docs/#/react-weui/docs/page/0/articles/0" rel="noopener noreferrer"&gt;React-WeUI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;React-WeUI made from our love of React and WeChat's WeUI Design.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://ui.supabase.io/" rel="noopener noreferrer"&gt;Supabase UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;An open-source UI component library inspired by Tailwind and AntDesign.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/JetBrains/ring-ui" rel="noopener noreferrer"&gt;Ring UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A collection of JetBrains Web UI components.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://react95.io/" rel="noopener noreferrer"&gt;React95&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Refreshed Windows 95 style UI components for your React app.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://reakit.io/" rel="noopener noreferrer"&gt;Reakit&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Reakit is a lower level component library for building accessible high level UI libraries, design systems and applications with React.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/youzan/zent" rel="noopener noreferrer"&gt;Zent&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A collection of essential UI components written with React.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/pinterest/gestalt" rel="noopener noreferrer"&gt;Gestalt&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A set of React UI components that supports Pinterest’s design language.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://xstyled.dev/" rel="noopener noreferrer"&gt;xstyled&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A CSS-in-JS framework built for React with props based utilities like display, fontSize or rotate.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/pmndrs/use-gesture" rel="noopener noreferrer"&gt;@use-gesture&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Bread n butter utility for component-tied mouse/touch gestures in React.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://react-rainbow.io/" rel="noopener noreferrer"&gt;React Rainbow&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;React Rainbow is a collection of components that will reliably help you build your application in a snap.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/saidMounaim/React-Use-Smooth-Scroll" rel="noopener noreferrer"&gt;React Use Smooth Scroll&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;React Provider Component to add a smooth scroll effect&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://choc-ui.com/" rel="noopener noreferrer"&gt;Choc UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Choc UI is a set of accessible and reusable components that are commonly used in web applications.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://elementz.style/" rel="noopener noreferrer"&gt;Elementz&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A React Component library for buliding modern applications easily &amp;amp; quickly.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/mui/base-ui" rel="noopener noreferrer"&gt;Base UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Unstyled UI components for building accessible web apps and design systems. From the creators of Radix, Floating UI, and Material UI.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.radix-ui.com/" rel="noopener noreferrer"&gt;Radix UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Unstyled, accessible components for building high‑quality design systems and web apps in React&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/themeselection/materio-mui-react-nextjs-admin-template-free" rel="noopener noreferrer"&gt;Materio MUI React NextJS Admin Template&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Most Powerful &amp;amp; Comprehensive Open-source MUI React NextJS Admin Dashboard Template built for developers.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chakra-templates.dev/" rel="noopener noreferrer"&gt;Chakra Templates&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A growing collection of hand-crafted &amp;amp; responsive Chakra UI templates ready to drop into your React project.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/bvaughn/react-resizable-panels" rel="noopener noreferrer"&gt;React Resizable Panels&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;React components for resizable panel groups/layouts.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://carbondesignsystem.com/developing/frameworks/react/" rel="noopener noreferrer"&gt;Carbon React&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Extensive library of React components for Websites and UI's. Based on the Carbon Design System from IBM&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://react-spectrum.adobe.com/react-aria/" rel="noopener noreferrer"&gt;React Aria&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A library of React Hooks that provides accessible UI primitives for your design system.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://ui.shadcn.com/" rel="noopener noreferrer"&gt;shadcn/ui&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Beautifully designed components built with Radix UI and Tailwind CSS.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://tremor.so/" rel="noopener noreferrer"&gt;Tremor&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;React components to build charts and dashboards with&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://ui.aceternity.com/" rel="noopener noreferrer"&gt;Aceternity UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Copy paste the most trending components and use them in your websites without having to worry about styling and animations.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://magicui.design/" rel="noopener noreferrer"&gt;Magic UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;free and open-source animated components built with React, Typescript, Tailwind CSS, and Framer Motion.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.codeui.co.in/" rel="noopener noreferrer"&gt;Code UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Beautifully designied mobile responsive components built with HTML, CSS , JS and React, Typescript, Tailwind CSS, and Framer Motion. 100% open-source, and customizable.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.edil-ozi.pro/" rel="noopener noreferrer"&gt;Edil Ozi&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Component Library for Developers. Open Source components you can copy and paste to your apps.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://shadcntemplates.com/" rel="noopener noreferrer"&gt;Shadcn Templates&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free collection of Shadcn UI templates, components, blocks, boilerplates, and more.&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;b&amp;gt;&amp;lt;a href="#table-of-contents"&amp;gt;↥ Back To Top&amp;lt;/a&amp;gt;&amp;lt;/b&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  Vue UI Libraries
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;UI and component libraries for the Vue JavaScript framework&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Website                           &lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://vuetifyjs.com/en/" rel="noopener noreferrer"&gt;Vuetify&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Material design component framework&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://bootstrap-vue.org/" rel="noopener noreferrer"&gt;Bootstrap Vue&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Use Bootstrap components with Vue&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://buefy.org/" rel="noopener noreferrer"&gt;Buefy&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Lightweight UI components based on Bulma&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://semantic-ui-vue.github.io" rel="noopener noreferrer"&gt;Semantic UI Vue&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Semantic UI Vue is the Vue integration for Semantic UI&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://arco.design/vue/en-US/docs/start" rel="noopener noreferrer"&gt;Arco Design Vue&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A comprehensive Vue UI components library based on the Arco Design system.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://veui.dev/en-US" rel="noopener noreferrer"&gt;VEUI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;VEUI is an enterprise UI component library, based on Vue.js.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/Trendyol/grace" rel="noopener noreferrer"&gt;Grace&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Design System For Vue Applications.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://quasar.dev/" rel="noopener noreferrer"&gt;Quasar&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;High-performance Material Design component suite with builders for SPA, SSR, PWA, Mobile (Cordova &amp;amp; Capacitor), Desktop (Electron) and Browser extensions&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://element.eleme.io/#/en-US" rel="noopener noreferrer"&gt;Element&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Desktop UI library for Vue&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://myliang.github.io/fish-ui/#/components/index" rel="noopener noreferrer"&gt;Fish UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Vue UI toolkit for the web&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://josephuspaye.github.io/Keen-UI" rel="noopener noreferrer"&gt;Keen UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;VueUI library with a simple API, inspired by Google's Material Design&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free" rel="noopener noreferrer"&gt;Materio Vuetify Vuejs Admin Template&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Open-source &amp;amp; Easy to use Vuetify Vuejs Admin Template with Elegant Design &amp;amp; Unique Layout&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://onsen.io/vue/" rel="noopener noreferrer"&gt;Onsen Vue&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Distributes Components for hybrid mobile apps with Vue and Onsen UI&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://vuejsexamples.com" rel="noopener noreferrer"&gt;Vuejsexamples&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A nice collection of useful vuejs UI components&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://inkline.io" rel="noopener noreferrer"&gt;Inkline&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Inkline is a modern UI/UX Framework for Vue.js designed for creating flawless responsive web applications&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://vuesax.com/" rel="noopener noreferrer"&gt;Vuesax&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Unique and reusable UI components&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://antdv.com/" rel="noopener noreferrer"&gt;Antdv&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;UI library for Vue based on Ant Design&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://designrevision.com/downloads/shards-vue/" rel="noopener noreferrer"&gt;Shards Vue&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A high-quality &amp;amp; free Vue UI kit featuring a modern design system with dozens of custom components&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://primevue.org/" rel="noopener noreferrer"&gt;Prime Vue&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Powerful yet simple to use, versatile, performant Vue UI Component Library to help you build stunning user interfaces.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://vue.chakra-ui.com/" rel="noopener noreferrer"&gt;Chakra UI Vue&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Chakra UI is a simple modular and accessible component library that gives you the building blocks to build Vue applications with speed.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.iviewui.com/" rel="noopener noreferrer"&gt;View UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Dozens of useful and beautiful Vue components made for people with all skill levels with extensive documentation.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/tsparticles/vue2" rel="noopener noreferrer"&gt;@tsparticles/vue2&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A lightweight Vue 2.x component for creating particles&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/tsparticles/vue3" rel="noopener noreferrer"&gt;@tsparticles/vue3&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A lightweight Vue 3.x component for creating particles&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://components.timos.design" rel="noopener noreferrer"&gt;TC Components&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A library of high-quality ready to use components that will help you speed up your development workflow.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://youzan.github.io/vant" rel="noopener noreferrer"&gt;Vant&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Lightweight Mobile UI Components built on Vue.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://quatrochan.github.io/Equal/" rel="noopener noreferrer"&gt;Equal UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Open-source Vue 3 components system for your next project based on TypeScript&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://mint-ui.github.io/#!/en" rel="noopener noreferrer"&gt;Mint UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Mobile UI elements for Vue.js&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://didi.github.io/cube-ui/#/en-US" rel="noopener noreferrer"&gt;Cube UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A fantastic mobile ui lib implement by Vue.js&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://muse-ui.org/#/en-US" rel="noopener noreferrer"&gt;Muse UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Based on the Vue 2.0 elegant Material Design UI component library&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://at-ui.github.io/at-ui/#/en" rel="noopener noreferrer"&gt;AT-UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;AT-UI is a modular front-end UI framework for developing fast and powerful web interfaces based on Vue.js.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://vuikit.js.org/" rel="noopener noreferrer"&gt;Vuikit&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A consistent and responsive Vue UI library, based on the front-end framework UIkit.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://antoniandre.github.io/wave-ui/" rel="noopener noreferrer"&gt;Wave UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A Vue.js UI framework with only the bright side.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.vue-tailwind.com/" rel="noopener noreferrer"&gt;VueTailwind&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Set of Lightview and fully customizable Vue Components optimized for TailwindCSS.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://oruga.io/" rel="noopener noreferrer"&gt;Oruga&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Oruga is a lightweight library of UI components for Vue.js without CSS framework dependency.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://material.balmjs.com/#/" rel="noopener noreferrer"&gt;BalmUI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;BalmUI is a modular and customizable Material Design UI library for Vue.js.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/apache/incubator-weex-ui" rel="noopener noreferrer"&gt;Weex UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A rich interaction, lightweight, high performance UI library based on Weex.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/haoziqaq/varlet" rel="noopener noreferrer"&gt;Varlet&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Varlet is a Material design mobile component library developed based on Vue3, developed and maintained by partners in the community.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.naiveui.com/en-US/os-theme" rel="noopener noreferrer"&gt;Naive UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A Vue 3 Component Library. Fairly Complete. Customizable Themes. Uses TypeScript. Not too Slow.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://vuestic.dev/" rel="noopener noreferrer"&gt;Vuestic&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free and Open Source UI Library for Vue 3 🤘.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://vue-final-modal.org/" rel="noopener noreferrer"&gt;Vue Final Modal&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Vue Final Modal is a tiny, renderless, mobile-friendly, feature-rich modal component for Vue.js.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://vuetensils.stegosource.com/" rel="noopener noreferrer"&gt;Vuetensils&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Vuetensils is a lightweight component library for Vue 2.x that brings some of most common UI features, but only the bare minimum styles to avoid adding any extra bloat. You can work on the branding, and don't have to worry about the accessibility.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://ui.nuxtlabs.com/getting-started" rel="noopener noreferrer"&gt;NuxtLabs UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Fully styled and customizable components for Nuxt.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.shadcn-vue.com/" rel="noopener noreferrer"&gt;shadcn-vue&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Vue port of shadcn-ui.&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;b&amp;gt;&amp;lt;a href="#table-of-contents"&amp;gt;↥ Back To Top&amp;lt;/a&amp;gt;&amp;lt;/b&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  Angular UI Libraries
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;UI and component libraries for the Angular JavaScript framework&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Website                           &lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://material.angular.io/" rel="noopener noreferrer"&gt;Material Angular&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;UI library for Angular based on Material design&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://ng-bootstrap.github.io/#/home" rel="noopener noreferrer"&gt;NG Bootstrap&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;UI library for Angular based on the Bootstrap framework&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.primefaces.org/primeng/#/" rel="noopener noreferrer"&gt;PrimeNG&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Powerful UI component library for Angular&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://onsen.io/angular2/" rel="noopener noreferrer"&gt;Onsen Angular&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Hybrid mobile and PWA UI library for Angular and Onsen UI&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://ng-lightning.github.io/ng-lightning/#/" rel="noopener noreferrer"&gt;NG Lightning&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Native Angular components &amp;amp; directives for Lightning Design System&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/vladotesanovic/ngSemantic" rel="noopener noreferrer"&gt;NG Semantic&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;UI library for Angular based on Semantic UI&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://akveo.github.io/nebular/" rel="noopener noreferrer"&gt;Nebular&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Customizable UI Kit, Auth &amp;amp; Security for Angular&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://alyle.io/" rel="noopener noreferrer"&gt;Alyle UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Minimal components set for Angular&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://valor-software.com/ngx-bootstrap/#/" rel="noopener noreferrer"&gt;NGX Bootstrap&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Another UI library for Angular based on the Bootstrap framework&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://ng.ant.design/" rel="noopener noreferrer"&gt;NG Zorro&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;UI library for Angular based on Ant Design&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.npmjs.com/package/ngx-pagination" rel="noopener noreferrer"&gt;Pagination for datatables&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;npm library for pagination&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.npmjs.com/package/ng-multiselect-dropdown" rel="noopener noreferrer"&gt;Multi select dropdown&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;For multi select drop-dowm in forms&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://particles.matteobruni.it/" rel="noopener noreferrer"&gt;NG Particles&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A lightweight Angular component for creating particles&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://teradata.github.io/covalent/v3/#/" rel="noopener noreferrer"&gt;Covalent UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Angular UI Platform focused on solving common enterprise needs&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://clarity.design/" rel="noopener noreferrer"&gt;Clarity&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;CSS based Angular UI framework developed by VMware group&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://taiga-ui.dev/" rel="noopener noreferrer"&gt;Taiga UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Taiga UI is fully-treeshakable Angular UI Kit consisting of multiple base libraries and several add-ons.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://akveo.github.io/ngx-admin/" rel="noopener noreferrer"&gt;ngx-admin&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Admin template based on Angular 10+ and Nebular&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.spartan.ng/" rel="noopener noreferrer"&gt;spartan&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Cutting-edge tools powering Angular full-stack development.&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;b&amp;gt;&amp;lt;a href="#table-of-contents"&amp;gt;↥ Back To Top&amp;lt;/a&amp;gt;&amp;lt;/b&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  Svelte UI Libraries
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;UI and component libraries for the Svelte JavaScript compiler&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Website                           &lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://sveltematerialui.com/" rel="noopener noreferrer"&gt;Svelte Material UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;UI library for Svelte based on Material Design&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://bestguy.github.io/sveltestrap/" rel="noopener noreferrer"&gt;SvelteStrap&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;UI library for Svelte based on the Bootstrap framework&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://svelteui.js.org/" rel="noopener noreferrer"&gt;Svelte Flat UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;UI library for Svelte based on Flat Design&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://illright.github.io/attractions/" rel="noopener noreferrer"&gt;Attractions&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A pretty cool UI kit for Svelte&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://docs.svelteit.dev" rel="noopener noreferrer"&gt;Svelteit&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A minimalistic UI/UX component library for Svelte and Sapper projects&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://carbon-components-svelte.onrender.com/" rel="noopener noreferrer"&gt;Carbon Components Svelte&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A component library that implements the Carbon Design System, an open source design system by IBM.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.radix-svelte.com/" rel="noopener noreferrer"&gt;Radix Svelte&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;This is a port of Radix UI for Svelte.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.shadcn-svelte.com/" rel="noopener noreferrer"&gt;shadcn-svelte&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;shadcn-svelte is an unofficial community-led Svelte port of shadcn/ui.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.skeleton.dev/" rel="noopener noreferrer"&gt;Skeleton&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Skeleton is an open source UI toolkit built with Svelte + Tailwind that allows you to create reactive web interfaces using Svelte + Tailwind CSS.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://aceternity.sveltekit.io/" rel="noopener noreferrer"&gt;Aceternity UI Svelte&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free Incredible Animated Components.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://svelte-ux.techniq.dev/" rel="noopener noreferrer"&gt;Svelte UX&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Collection of Svelte components, actions, stores, and utilities to build highly interactive applications.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://flowbite-svelte.com/" rel="noopener noreferrer"&gt;Flowbite-Svelte&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Flowbite-svelte is an open-source UI component library built with Svelte components, Tailwind CSS utility classes and based on the Flowbite design system&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.bits-ui.com/" rel="noopener noreferrer"&gt;bits-ui&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;The headless components for Svelte&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://melt-ui.com" rel="noopener noreferrer"&gt;melt-ui&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A set of headless, accessible component builders for Svelte&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;b&amp;gt;&amp;lt;a href="#table-of-contents"&amp;gt;↥ Back To Top&amp;lt;/a&amp;gt;&amp;lt;/b&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  React Native UI Libraries
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;UI and component libraries for the React Native Framework&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Website                           &lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://magnus-ui.com/" rel="noopener noreferrer"&gt;Magnus UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Magnus UI is the ultimate UI framework that helps you in building consistent user interfaces effortlessly in react native&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://wix.github.io/react-native-ui-lib/" rel="noopener noreferrer"&gt;React Native UI Lib&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;React Native UI (RNUI) is a UI Toolset &amp;amp; Components Library for React Native from Wix&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://reactnativepaper.com/" rel="noopener noreferrer"&gt;React Native Paper&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;React Native Paper is a high-quality, standard-compliant Material Design library that has you covered in all major use-cases&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://akveo.github.io/react-native-ui-kitten/" rel="noopener noreferrer"&gt;UI Kitten&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;UI Kitten is React Native framework for creating stunning cross-platform mobile applications. Design system based, brings your product from MVP to enterprise.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://reactnativeelements.com/" rel="noopener noreferrer"&gt;React Native Elements&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Cross Platform React Native UI Toolkit that provides an all-in-one UI kit for creating apps in react native.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://nativebase.io/" rel="noopener noreferrer"&gt;NativeBase&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Essential cross-platform UI components for React Native &amp;amp; Vue Native.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://shoutem.github.io/docs/ui-toolkit/introduction" rel="noopener noreferrer"&gt;Shoutem UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Shoutem UI toolkit enables you to build professionally looking React Native apps with ease.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/vadimdemedes/tailwind-rn" rel="noopener noreferrer"&gt;tailwind-rn&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Use Tailwind CSS in React Native projects.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://rn.mobile.ant.design/" rel="noopener noreferrer"&gt;Ant Design Mobile RN&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;An Ant design based configurable Mobile UI component library based on React Native.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/snackui/snackui" rel="noopener noreferrer"&gt;SnackUI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;SnackUI is a UI Kit for React Native + react-native-web that's much faster rocket with an optimizing compiler.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://moti.fyi/" rel="noopener noreferrer"&gt;Moti&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Moti is the universal animation package for React Native&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://tamagui.dev/" rel="noopener noreferrer"&gt;Tamagui&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Universal React design systems that optimize for native &amp;amp; web.&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;b&amp;gt;&amp;lt;a href="#table-of-contents"&amp;gt;↥ Back To Top&amp;lt;/a&amp;gt;&amp;lt;/b&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  Design Systems &amp;amp; Style Guides
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;Design systems, style guides, toolkits, docs. Some of these are design guides for top companies/websites&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Website                           &lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://material.io/" rel="noopener noreferrer"&gt;Material Design&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Google's Material Design&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://ant.design/" rel="noopener noreferrer"&gt;Ant Design&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Design system for enterprise-level products&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://developer.apple.com/design/resources/" rel="noopener noreferrer"&gt;Apple Design Resources&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Guides and templates for using Apple design and UI&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://primer.style/" rel="noopener noreferrer"&gt;Primer&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Design, build, and create with GitHub’s design system&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://arco.design/en-US" rel="noopener noreferrer"&gt;Arco.design&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;An enterprise-level design system jointly launched by the Bytedance GIP UED team and the architecture front-end team.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.oracle.com/webfolder/ux/middleware/alta/index.html" rel="noopener noreferrer"&gt;Alta UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Oracle's design system and toolkit&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://pulse.heartbeat.ua/" rel="noopener noreferrer"&gt;Pulse&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Design system, guides and React component library&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://boltdesignsystem.com/" rel="noopener noreferrer"&gt;Bolt&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Robust Twig and web component powered UI components&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://clarity.design/" rel="noopener noreferrer"&gt;Clarity Design System&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;UX guidelines, HTML/CSS framework, and Angular components&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://atlaskit.atlassian.com/" rel="noopener noreferrer"&gt;AtlasKit&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Atlassian's official UI library, built according to the Atlassian Design Guidelines&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.audi.com/ci/en/guides/user-interface/introduction.html" rel="noopener noreferrer"&gt;Audi Design Resources&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Audi UI design system and toolkit&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.carbondesignsystem.com/" rel="noopener noreferrer"&gt;Carbon Design Systems&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Carbon is IBM’s open-source design system for products and experiences&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.yelp.com/styleguide" rel="noopener noreferrer"&gt;Yelp Style Guide&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Yelp style guide, components and toolkit&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://comet.discoveryeducation.com/" rel="noopener noreferrer"&gt;Comet&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Scalable design system of visual language, components, and design assets&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://etrade.design/" rel="noopener noreferrer"&gt;ETrade Design System&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Guides and toolkits that blend finance with simplicity and ease of use&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://sap.github.io/fundamental-styles/" rel="noopener noreferrer"&gt;Fundamental Library&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Open source and community driven project for consistent user interfaces&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://design.infor.com/" rel="noopener noreferrer"&gt;Infor Design&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Guidelines and resources to create meaningful experiences for Infor’s products&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://liferay.design/lexicon/" rel="noopener noreferrer"&gt;Lexicon&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;An experience language for crafting beautiful UI&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://marvelapp.com/styleguide/overview/introduction" rel="noopener noreferrer"&gt;Marvel Style Guide&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Set of design principles and components&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://developer.microsoft.com/en-us/fluentui#/" rel="noopener noreferrer"&gt;Microsoft Fluent UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Collection of UX frameworks from Microsoft&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://design-system.pluralsight.com/" rel="noopener noreferrer"&gt;Pluralsight Design System&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Design guide with components for designing with Pluralsight&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://polaris.shopify.com/" rel="noopener noreferrer"&gt;Polaris&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Design system that creates great experiences for all of Shopify’s merchants&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://protocol.mozilla.org/" rel="noopener noreferrer"&gt;Mozilla Protocol&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Protocol is a design system for Mozilla and Firefox websites&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://styleguide.sendgrid.com/" rel="noopener noreferrer"&gt;SendGrid Style Guide&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;UI library for developing consistent UI/UX at SendGrid&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://styleguide.vtex.com/" rel="noopener noreferrer"&gt;VTEX Styleguide&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Reusable patterns, components and assets related to product design in VTEX&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://rizzo.lonelyplanet.com/styleguide/design-elements" rel="noopener noreferrer"&gt;Rizzo&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Style guide with UI components, JS components, widgets, etc&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://atomizecode.com/" rel="noopener noreferrer"&gt;Atomize&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;UI framework that helps developers collaborate with designers and build consistent user interfaces effortlessly&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://styleguides.io/" rel="noopener noreferrer"&gt;StyleGuides.io&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A directory of 500+ styleguides&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://uilibrary.github.io/done-design-system/" rel="noopener noreferrer"&gt;Done Design System&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Open source design system, guides &amp;amp; components&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://skoda-brand.com/explore-our-brand" rel="noopener noreferrer"&gt;Skoda Brand System&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Design guideline for developing applications under the Skoda brand&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://spectrum.adobe.com/" rel="noopener noreferrer"&gt;Spectrum&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Adobe’s design system that provides components and tools to help product teams work more efficiently, and to make Adobe’s applications more cohesive.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://asphalt.gojek.io/" rel="noopener noreferrer"&gt;Asphalt&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Gojek’s design language system. A collection of guidelines and components to create amazing user experiences.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://lawsofux.com/" rel="noopener noreferrer"&gt;Laws of UX&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A collection of the key maxims that designers must consider when building user interfaces.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.checklist.design/" rel="noopener noreferrer"&gt;Checklist Design&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Checklist Design is a curated list of checklists ranging from website pages, to UI components, all the way to branding assets.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://humanebydesign.com/" rel="noopener noreferrer"&gt;Humane By Design&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A resource that provides guidance for designing ethically humane digital products through patterns focused on user well-being.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://guidelines.pr1mer.tech" rel="noopener noreferrer"&gt;Pr1mer Guidelines&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;An open source set of very general guidelines, inspired by Human Interface. Created and maintained by Pr1mer Tech&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.patternfly.org/" rel="noopener noreferrer"&gt;Patterfly&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;PatternFly is an open source design system from Red Hat, Inc.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.patterns.dev" rel="noopener noreferrer"&gt;Patterns&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A resource to improve on design patterns and component patterns for building powerful web apps with vanilla JavaScript and React.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://medium.com/design-bootcamp/the-ultimate-design-principles-guide-for-developers-d4aa58937283" rel="noopener noreferrer"&gt;Design Principles For Developers&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A resource to improve Design principles and guidelines for developers.&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;b&amp;gt;&amp;lt;a href="#table-of-contents"&amp;gt;↥ Back To Top&amp;lt;/a&amp;gt;&amp;lt;/b&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  Online Design Tools
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;All kinds of online tools for design, from photo editors to wireframing, and more&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Website                           &lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.figma.com/graphic-design-tool/" rel="noopener noreferrer"&gt;Figma&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Online graphic design tool (Free &amp;amp; paid options)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://penpot.app/" rel="noopener noreferrer"&gt;Penpot&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Penpot is the first Open Source design and prototyping platform meant for cross-domain teams. Non dependent on operating systems, Penpot is web based and works with open web standards (SVG). For all and empowered by the community &lt;a href="https://github.com/penpot/penpot#what-is-penpot" rel="noopener noreferrer"&gt;Open Source and selfhostable&lt;/a&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://vectr.com/" rel="noopener noreferrer"&gt;Vectr&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free vector graphics software&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.taler.app/" rel="noopener noreferrer"&gt;Taler&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create social media banner designs in minutes from hundreds of customizable templates&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.canva.com/" rel="noopener noreferrer"&gt;Canva&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create beautiful designs (Free &amp;amp; Paid)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://getwaves.io/" rel="noopener noreferrer"&gt;Get Waves&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A free SVG wave generator to make unique SVG waves for web design&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://bennettfeely.com/clippy/" rel="noopener noreferrer"&gt;Clippy&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Easy CSS clip-path maker&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://9elements.github.io/fancy-border-radius/full-control.html" rel="noopener noreferrer"&gt;Fancy Border Radius&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Eight values specifying border-radius in CSS ( border-radius generator )&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://wireframe.cc/" rel="noopener noreferrer"&gt;Wireframe.cc&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Wireframing tool (free &amp;amp; paid)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.fotor.com/" rel="noopener noreferrer"&gt;Fotor&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Photo editor and design maker&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.pixlr.com/" rel="noopener noreferrer"&gt;Pixlr&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Online photo editor&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://animoto.com/apps/online-video-maker" rel="noopener noreferrer"&gt;Animoto Video Maker&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Make videos online&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.remove.bg/" rel="noopener noreferrer"&gt;RemoveBG&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Remove image backgrounds&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://photos.icons8.com/creator" rel="noopener noreferrer"&gt;Photo Creator&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create your own photos instead of searching for stock&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.visme.co/" rel="noopener noreferrer"&gt;Visme&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create presentations, infographics and more&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://infogram.com/" rel="noopener noreferrer"&gt;Infogram&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create infograms&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.chartgo.com/" rel="noopener noreferrer"&gt;ChartGo&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create charts and graphs online&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://cartoon.pho.to/" rel="noopener noreferrer"&gt;Cartoon Photo&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Turn photos into cartoons&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://whimsical.com/" rel="noopener noreferrer"&gt;Whimsical&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Wireframes, diagrams and more (4 free)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://witeboard.com/" rel="noopener noreferrer"&gt;Whiteboard&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Online drawing tool&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://octopus.do/" rel="noopener noreferrer"&gt;Octopus&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Sitemap builder&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://onlineboard.eu" rel="noopener noreferrer"&gt;Onlineboard&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Real-time shareable whiteboard for brainstorming&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.clickminded.com/button-generator/" rel="noopener noreferrer"&gt;CTA Button Maker&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create call to action buttons&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.blobmaker.app/" rel="noopener noreferrer"&gt;Blobmaker&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Blobmaker is a free generative design tool, to help you quickly create random, unique, and organic-looking SVG shapes.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://personas.draftbit.com/" rel="noopener noreferrer"&gt;Personas&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A playful avatar generator for the modern age&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.photopea.com" rel="noopener noreferrer"&gt;Photopea&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;An Online Photoshop editor&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://excalidraw.com/" rel="noopener noreferrer"&gt;Excalidraw&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Virtual whiteboard for sketching hand-drawn like diagrams&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.diagrams.net/" rel="noopener noreferrer"&gt;Diagrams&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Diagram software and Flowchart maker&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/mermaid-js/mermaid" rel="noopener noreferrer"&gt;Mermaid&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;renders Markdown-inspired text definitions to create and modify diagrams (like flowchart, sequence diagram, gantt, or user journey) dynamically. (FOSS)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://mapinseconds.com/" rel="noopener noreferrer"&gt;MapInSeconds&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Simple way to visualize your data with a map&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://grid.malven.co/" rel="noopener noreferrer"&gt;Grid Malven&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A css grid cheatsheet to reference when creating a css grid&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://flexbox.malven.co/" rel="noopener noreferrer"&gt;Flex Malven&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A flexbox grid cheatsheet to reference when working with flexbox&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://icons8.com/upscaler" rel="noopener noreferrer"&gt;Smart Upscaler&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Upscale images by 2-4x resolution (4 free)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://getavataaars.com/" rel="noopener noreferrer"&gt;GetAvataaars&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Fun and Colorful free avatars web generator tool by Fang-Pen Lin using Pablo Stanley sketch library&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/RobertBroersma/bigheads" rel="noopener noreferrer"&gt;Big Heads&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Easily generate avatars for your projects with Big Heads by Robert Broersma.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://webflow.com/" rel="noopener noreferrer"&gt;Webflow&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Break the code barrier, Build better business websites, faster. Without coding.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://stickermule.com/trace" rel="noopener noreferrer"&gt;Trace&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Instantly remove the background from your photos&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://neumorphism.io/#55b9f3" rel="noopener noreferrer"&gt;Neumorphism.io&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Generate Soft-UI CSS shadow code&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://app.dbdesigner.net/" rel="noopener noreferrer"&gt;DB Designer&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Design your database for free online&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://uibakery.io/" rel="noopener noreferrer"&gt;Ui Bakery&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create full-fledged web apps visually&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://knutsynstad.com/fauxcode/" rel="noopener noreferrer"&gt;Faux&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Turn real code into faux code&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://rive.app/" rel="noopener noreferrer"&gt;Rive&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Real-time interactive design tool that allows you to design, animate, and immediately integrate your assets into any platform.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.unscreen.com/" rel="noopener noreferrer"&gt;Unscreen&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Remove Video Background 100% Automatically and Free&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.kodeshot.net/" rel="noopener noreferrer"&gt;Kodeshot&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Convert your source code into nice pictures for your articles, tweets, messages, posts...&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.wix.com/" rel="noopener noreferrer"&gt;Wix&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create a Website You’re Proud Of&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://gtmetrix.com/" rel="noopener noreferrer"&gt;GTmetrix&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Website Speed and Performance Optimization&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://yellowlab.tools/" rel="noopener noreferrer"&gt;Yellow Lab Tools&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Online test to help speeding up heavy web pages&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.framer.com/" rel="noopener noreferrer"&gt;Framer&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Is prototyping tool for teams&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.draw.io/" rel="noopener noreferrer"&gt;Draw.io&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free online diagram editor tool&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://uxwing.com/svg-icon-editor" rel="noopener noreferrer"&gt;UXWing SVG Editor&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Creating and Edit SVG Online&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://www.cssarrowplease.com/" rel="noopener noreferrer"&gt;CSS Arrow&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create and export CSS code for a custom box with an arrow extending out from the side. Great for tooltips, flyouts and the like.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.lucidchart.com/pages/" rel="noopener noreferrer"&gt;Lucidchart&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Diagramming and visualization tools that allows creating databases, flowcharts, boards, floor-maps, and much more. 3 multi-page documents on the free tier&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://carbon.now.sh" rel="noopener noreferrer"&gt;Carbon&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create and share beautiful images of your source code by typing or drop a file.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.pixcleaner.com/" rel="noopener noreferrer"&gt;PixCleaner&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Accurate and hassle free background removal tool&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://ui.glass/generator" rel="noopener noreferrer"&gt;Glass UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A modern CSS UI library based on the glassmorphism design principles that will help you quickly design and build beautiful websites and applications.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://glassmorphism.com/" rel="noopener noreferrer"&gt;Glassmorphism&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;An incredible online tool for generating quick glassmorphic UI in CSS code snippets.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://tableconvert.com/" rel="noopener noreferrer"&gt;TableConvert&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Table Convert Online is a web-based tool to converts Excel, URL, HTML, Markdown table and CSV to Markdown table, CSV/TSV, JSON, XML, YAML, insert SQL, HTML, Excel and LaTeX table.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://doodleipsum.com/" rel="noopener noreferrer"&gt;Doodle Ipsum&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;The lorem ipsum of illustrations. Just customize your doodles, grab the code, and use them on your web prototypes, landing pages, or no-code tools.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://figen.cc/" rel="noopener noreferrer"&gt;Figen&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Post Cover &amp;amp; Background Generator Tool&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.devwares.com/windframe/" rel="noopener noreferrer"&gt;Windframe&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A tool to rapidly prototype and build stunning websites using Tailwind CSS (Free &amp;amp; Premium)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://slickr.vercel.app/" rel="noopener noreferrer"&gt;Slickr&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A tool for designing cover image for your blog.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.joshwcomeau.com/shadow-palette/" rel="noopener noreferrer"&gt;Shadow Palette Generator&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create a set of lush, realistic CSS shadows.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://ray.so/" rel="noopener noreferrer"&gt;Ray.so&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Online tool to create beautiful images of your code.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.codepng.app/" rel="noopener noreferrer"&gt;Codepng&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Convert your source code into awesome shareable images.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://grid.layoutit.com/" rel="noopener noreferrer"&gt;CSS Grid Generator&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A tool for creating CSS Grid Layouts&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.jsont.run/" rel="noopener noreferrer"&gt;JSONT&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A simple and powerful online JSON formatting tool&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://jitter.video/" rel="noopener noreferrer"&gt;Jitter&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Online tool to create motion graphics/design&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.visily.ai" rel="noopener noreferrer"&gt;Visily&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Tool that empowers &lt;em&gt;non-designers&lt;/em&gt; to design web and mobile app mockups&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://okso.app" rel="noopener noreferrer"&gt;okso.app&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;The drawing app with a nested "drawing-inside-the-drawing" structure&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://fpece.com/calc-generator" rel="noopener noreferrer"&gt;Calc Generator&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Tool for easily creating precise Calc() CSS functions&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://scrollbar.app" rel="noopener noreferrer"&gt;Scrollbar.app&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Simple online editor for creating custom CSS scrollbars&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://grapesjs.com/" rel="noopener noreferrer"&gt;GrapesJS&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Open-source, multi-purpose, Web Builder Framework which combines different tools and features with the goal to help you (or users of your application) to build HTML templates without any knowledge of coding.&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;b&amp;gt;&amp;lt;a href="#table-of-contents"&amp;gt;↥ Back To Top&amp;lt;/a&amp;gt;&amp;lt;/b&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  Downloadable Design Software
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;Free software for UI, photo, 3d modeling, etc. Alternatives to paid software like Photoshop&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Website                           &lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.gimp.org/" rel="noopener noreferrer"&gt;Gimp&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free &amp;amp; open source image editor similar to Photoshop&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.designer.io/en/" rel="noopener noreferrer"&gt;Gravit Designer&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free full-featured vector graphic design app that works on ALL platforms&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.blender.org/download/" rel="noopener noreferrer"&gt;Blender&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Open source, free animation, 3D modeling, etc.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://rawtherapee.com/" rel="noopener noreferrer"&gt;Raw Therapee&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Cross-platform raw image processing program&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.befunky.com/features/graphic-designer/" rel="noopener noreferrer"&gt;Be Funky&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Online design program&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://krita.org/en/download/krita-desktop/" rel="noopener noreferrer"&gt;Krita&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Sketching and painting program designed for digital artists&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://pencil.evolus.vn/" rel="noopener noreferrer"&gt;Pencil Project&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;GUI prototyping software&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://inkscape.org/" rel="noopener noreferrer"&gt;Inkscape&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Powerful free design tool&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.adobe.com/products/xd.html" rel="noopener noreferrer"&gt;Adobe XD&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free design tool from Adobe&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://shape.so/pricing" rel="noopener noreferrer"&gt;Shapes.so&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Icons that can be used as code in your projects&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://icons8.com/lunacy" rel="noopener noreferrer"&gt;Lunacy&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Sketch for Windows&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.invisionapp.com/studio" rel="noopener noreferrer"&gt;InVision Studio&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free screen designing tool from InVision&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.darktable.org/" rel="noopener noreferrer"&gt;Darktable&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free &amp;amp; Open source photography workflow application and raw developer&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.inpixio.com/free-photo-editor" rel="noopener noreferrer"&gt;Inpixio photo Editor&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free Photo Editor: For windows only&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://colorpicker.fr" rel="noopener noreferrer"&gt;Colorpicker&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Open Source colors software: Retrieve, manipulate and store your colors easily!&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://webdesigner.withgoogle.com/" rel="noopener noreferrer"&gt;Google Web Designer&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create engaging, interactive HTML5-based designs and motion graphics that can run on any device.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://origami.design" rel="noopener noreferrer"&gt;Origami Studio&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Interactive interface design tool created by Facebook: For mac only&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;b&amp;gt;&amp;lt;a href="#table-of-contents"&amp;gt;↥ Back To Top&amp;lt;/a&amp;gt;&amp;lt;/b&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  Design Inspiration
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;Here are some websites to get inspiration for design and UI&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Website                           &lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://websitevice.com/" rel="noopener noreferrer"&gt;Websitevice&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A curated gallery of professional website designs to inspire developers and designers seeking creative ideas and best practices.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://csszengarden.com/" rel="noopener noreferrer"&gt;CSS Zen Garden&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Demonstrating the power of CSS, over 200 CSS-only interpretations of the same HTML file.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.behance.net/" rel="noopener noreferrer"&gt;Behance&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Design projects featured by different creators&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://dribbble.com/" rel="noopener noreferrer"&gt;Dribbble&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Design projects featured by different creators&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://landingfolio.com/" rel="noopener noreferrer"&gt;Landingfolio&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Landingfolio features the best landing page inspiration, templates, resources and examples on the web.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://foxyapps.co/" rel="noopener noreferrer"&gt;Foxyapps&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Design inspiration from the best mobile app designs&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://httpster.net/2020/apr/" rel="noopener noreferrer"&gt;Httpster&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Showcases websites made by people from all over the world&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://land-book.com/" rel="noopener noreferrer"&gt;Land Book&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Displays a large collection of websites to help find inspiration&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.frontendmentor.io/" rel="noopener noreferrer"&gt;Frontend Mentor&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Real-world UI Challenges using HTML, CSS and Javascript&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.awwwards.com/" rel="noopener noreferrer"&gt;Awwwards&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A website that rate and collects the best websites in the world in UI&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://tympanus.net/codrops/" rel="noopener noreferrer"&gt;Codrops&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A website that collects the best UI ideas and patterns and make tutorials of it&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://saaslandingpage.com/" rel="noopener noreferrer"&gt;SaaS Landing Page&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Discover the best landing page examples created by top-class SaaS companies&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://saaspages.xyz" rel="noopener noreferrer"&gt;Saaspages.xyz&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A collection of the best landing pages with a focus on copywriting and design.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://screenlane.com" rel="noopener noreferrer"&gt;Screenlane&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Screenlane is a website and newsletter that features the latest web and mobile design inspiration.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.lapa.ninja/" rel="noopener noreferrer"&gt;lapa ninja&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Best landing page inspiration&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://freefrontend.com/" rel="noopener noreferrer"&gt;Freefrontend&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free frontend design from css html and javascript. latest work some design part&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://webframe.xyz" rel="noopener noreferrer"&gt;Webframe&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Discover and be inspired by beautiful webapp designs&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://collectui.com/" rel="noopener noreferrer"&gt;Collect UI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Daily inspiration collected from daily ui archive and beyond. Handpicked, and updating daily.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://graphicburger.com/" rel="noopener noreferrer"&gt;Graphic Burger&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A site offering a free and pain icons, mock-ups, Ui-Kits, text effect and backgrounds.  This site's resource are a mix of free and paid resources. Icons is on a mix of PNG, SVG, EPS and Sketch Format. Some resources are confusing as there are sponsored content in the middle of the free sets.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://reallygoodemails.com/" rel="noopener noreferrer"&gt;Really Good Emails&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A site offering users a ton of company e-mails from customer service to marketing.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://freedesignresources.net/" rel="noopener noreferrer"&gt;Free Design Resource&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A site offering fonts, mockups, templates graphics and ui kits.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.siteinspire.com/" rel="noopener noreferrer"&gt;Site Inspire&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;siteInspire is a showcase of the finest web and interactive design.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.webdesign-inspiration.com/" rel="noopener noreferrer"&gt;Web Design Inspiration&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A site for web design inspiration, updated daily.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://navnav.co/" rel="noopener noreferrer"&gt;NavNav&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Responsive navigation examples&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.calltoidea.com/" rel="noopener noreferrer"&gt;Calltoidea&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Collection of different web Components for inspiration.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://search.muz.li" rel="noopener noreferrer"&gt;Mulzli Search&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Search engine for design inspiration&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.deviantart.com/" rel="noopener noreferrer"&gt;DeviantArt&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Access to 370 million pieces of art for inspiration.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.designyourway.net/blog/web-and-mobile-design/" rel="noopener noreferrer"&gt;Design your way&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Collection of different Web and Mobile Designs&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://sitesee.co/" rel="noopener noreferrer"&gt;SiteSee&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A curated gallery of beautiful and modern websites.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://uigarage.net/" rel="noopener noreferrer"&gt;UI Garage&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Daily handpicked UI inspiration &amp;amp; patterns.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://ecomm.design/" rel="noopener noreferrer"&gt;ecomm.design&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;eCommerce Website Design Gallery &amp;amp; Tech Inspiration.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.designnominees.com/" rel="noopener noreferrer"&gt;Design Nominees&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A showcase of awarding and showcasing the best websites, apps and Games.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://designvault.io/" rel="noopener noreferrer"&gt;Design Vault&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A library of screenshots and patterns from real world digital products&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://getcssscan.com/css-buttons-examples" rel="noopener noreferrer"&gt;CSS buttons&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;84 Beautiful CSS buttons examples.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://getcssscan.com/css-box-shadow-examples" rel="noopener noreferrer"&gt;CSS box-shadow&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;91 Beautiful CSS box-shadow examples.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://superdesigner.co" rel="noopener noreferrer"&gt;Super Designer&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Design tools that give you super powers.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://landings.dev" rel="noopener noreferrer"&gt;Landings&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Find the best landing pages for your design inspiration based on your preference.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://pagecollective.com/" rel="noopener noreferrer"&gt;Page Collective&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Page Collective is part of a network of design inspiration websites.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.curated.design/" rel="noopener noreferrer"&gt;Curated&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Unleash your creativity with out-of-this-world web design inspiration from across the web.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://maxibestof.one/" rel="noopener noreferrer"&gt;Maxibestofone&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Daily feed of websites &amp;amp; fonts inspiration.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://bentogrids.com/" rel="noopener noreferrer"&gt;Bento Grids&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Bento Grids is a curated collection of tiles-based layouts that were popularized by Apple with their summary slides.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.landing.gallery/" rel="noopener noreferrer"&gt;Landing Gallery&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Home of the best landing page design inspiration.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://a-fresh.website" rel="noopener noreferrer"&gt;a-fresh.website&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Hand—picked website and component inspiration library.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.bestwebdesigntools.com/" rel="noopener noreferrer"&gt;bestwebdesigntools&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Discover latest design tools, agencies and landing pages templates across web&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://appmotion.design/" rel="noopener noreferrer"&gt;App Motion&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Explore the best, hand-picked app motion design&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://uiland.design/" rel="noopener noreferrer"&gt;Uiland Design&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Home of the best mobile ui inspirations from top companies in the world&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;b&amp;gt;&amp;lt;a href="#table-of-contents"&amp;gt;↥ Back To Top&amp;lt;/a&amp;gt;&amp;lt;/b&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  Image Compression
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;Websites that allow you to compress large images&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Website                           &lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://tinypng.com/" rel="noopener noreferrer"&gt;TinyPNG&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Smart PNG and JPEG compression&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://imagecompressor.com/" rel="noopener noreferrer"&gt;Optimizilla&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Online JPEG and PNG optimizer / compressor with settings and archive download&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://compressor.io/" rel="noopener noreferrer"&gt;Compressor.io&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;JPEG, PNG, GIF, SVG Compression&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://squoosh.app/" rel="noopener noreferrer"&gt;Squoosh.app&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Image compression from Google Chrome Labs&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://bulkresizephotos.com/" rel="noopener noreferrer"&gt;BulkResizePhotos&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Bulk image resizing, compression &amp;amp; converting that perform all the tasks within the browser (It works offline)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.iloveimg.com/" rel="noopener noreferrer"&gt;iLoveIMG&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;The fastest free web app for easy image modification&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://jakearchibald.github.io/svgomg/" rel="noopener noreferrer"&gt;SvgOMG&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Online SVG optimizer with a lot of settings and possibility to cut and paste svg code directly in it.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://compressjpeg.com/" rel="noopener noreferrer"&gt;CompressJPEG&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Compress JPEG images with size even greater than 5MB&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://compressnow.com/" rel="noopener noreferrer"&gt;CompressNow&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;JPEG, GIF, PNG Compression&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://promo.com/tools/image-resizer/" rel="noopener noreferrer"&gt;Promo Image Resizer&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free Image and Photo Resizer&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://www.imageoptimizer.net/" rel="noopener noreferrer"&gt;Image Optimizer&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Image Optimizer Free With Quality Options&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.svgminify.com/" rel="noopener noreferrer"&gt;SVGminify&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;This tool removes superfluous information, thereby reducing the size of your SVG files&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://jpeg-optimizer.com/" rel="noopener noreferrer"&gt;JPEG Optimizer&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free online tool for resizing and compressing digital photos and images for displaying on the web&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://resizing.app/" rel="noopener noreferrer"&gt;Resizing.app&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Resize Your Images Online&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://ezgif.com/" rel="noopener noreferrer"&gt;EZGif&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Animated GIF maker and Image editor including Image optimization and supports WebP conversion&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://onlinepngtools.com/resize-png" rel="noopener noreferrer"&gt;OnlinePngtools&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Resize png for without losing transparent background.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.verexif.com/en/" rel="noopener noreferrer"&gt;Verexif&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Remove meta tags in image in order to reduce image size and increase privacy security&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://vecta.io/nano" rel="noopener noreferrer"&gt;Vecta Nano&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Uses lossless compression to compress inefficient SVG codes by removing unnecessary data. (Free &amp;amp; Paid)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://watermarkly.com/compress-jpeg/" rel="noopener noreferrer"&gt;Watermarkly&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Private, client-side compression of JPEG images. The app does not send images to a server for processing.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.jpeg.io" rel="noopener noreferrer"&gt;Jpeg.io&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Convert any major image format into a highly optimized JPEG&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://compressimage.io" rel="noopener noreferrer"&gt;CompressImage.io&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Compress JPG and PNG images. No Limits. Bulk Conversion. Convert to WebP. Works Offline&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://jpegcompressor.com/" rel="noopener noreferrer"&gt;JPEG Compressor&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;free image compressor tool and it support JPEG, PNG, SVG, JPG, WEBP and GIF.&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;b&amp;gt;&amp;lt;a href="#table-of-contents"&amp;gt;↥ Back To Top&amp;lt;/a&amp;gt;&amp;lt;/b&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  Chrome Extensions
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;Useful Chrome extensions for Designers and Web-Developers.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Website                           &lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm" rel="noopener noreferrer"&gt;WhatFont&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;The easiest way to identify fonts on web pages.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/whatruns/cmkdbmfndkfgebldhnkbfhlneefdaaip?hl=en" rel="noopener noreferrer"&gt;WhatRuns&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Discover what runs a website. Frameworks, Analytics Tools, Wordpress Plugins, Fonts - you name it.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm" rel="noopener noreferrer"&gt;Web Developer&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Adds a toolbar button with various web developer tools.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/awesome-screenshot-screen/nlipoenfbbikpbjkfpfillcgkoblgpmj?hl=en" rel="noopener noreferrer"&gt;Awesome Screenshot &amp;amp; Screen Recorder&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Full page screen capture and screen recorder - 2 in 1. Share screencast video instantly&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/dailydev-news-for-busy-de/jlmpjdjjbgclbocgajdjefcidcncaied" rel="noopener noreferrer"&gt;daily.dev - News for Busy Developers&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Get programming news with zero effort. Simply open a new tab, and you’re all set. A must-have tool for busy developers!&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?hl=en" rel="noopener noreferrer"&gt;JSONView&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Validate and view JSON documents.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/lauriro/json-lite" rel="noopener noreferrer"&gt;JSON Lite&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Browser extension for viewing JSON files.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh?hl=en" rel="noopener noreferrer"&gt;Window Resizer&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Resize the browser window to emulate various screen resolutions.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/responsive-viewer/inmopeiepgfljkpkidclfgbgbmfcennb?hl=en" rel="noopener noreferrer"&gt;Responsive Viewer&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Show multiple screens once, Responsive design tester&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/browserstack/nkihdmlheodkdfojglpcjjmioefjahjb?hl=en" rel="noopener noreferrer"&gt;BrowserStack&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Instantly test your webpage on any desktop or mobile browser.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/visbug/cdockenadnadldjbbgcallicgledbeoc?hl=en" rel="noopener noreferrer"&gt;VisBug&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Open source web design debug tool built with JavaScript&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/kontrast-wcag-contrast-ch/haphaaenepedkjngghandlmhfillnhjk?hl=en" rel="noopener noreferrer"&gt;Kontrast - WCAG Contrast Checker&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Quickly check and adjust contrast in real-time in your browser to meet WCAG 2.1 requirements&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi" rel="noopener noreferrer"&gt;PerfectPixel&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Adds a semi-transparent image overlay over the top of the developed HTML to easily perform pixel perfect comparison between them, useful for replicating UI designs.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/pesticide-for-chrome-with/neonnmencpneifkhlmhmfhfiklgjmloi" rel="noopener noreferrer"&gt;Pesticide&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Inserts the Pesticide CSS into the current page, outlining each HTML element to better see placement on the page, helpful for building layouts.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/site-palette/pekhihjiehdafocefoimckjpbkegknoh" rel="noopener noreferrer"&gt;Site Palette&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A must-have tool for designers and frontend developers to grab colors for any website.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp" rel="noopener noreferrer"&gt;ColorZilla&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/javascript-and-css-code-b/iiglodndmmefofehaibmaignglbpdald?hl=en" rel="noopener noreferrer"&gt;JavaScript and CSS Code Beautifier&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Beautify CSS, JavaScript and JSON code when you open a .css/.js/.json file&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/imageye-image-downloader/agionbommeaifngbhincahgmoflcikhm" rel="noopener noreferrer"&gt;Imageye - Image downloader&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Find and download all images on a web page. With Imageye you can find, browse and download all the images present in a web page.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/gofullpage-full-page-scre/fdpohaocaechififmbbbbbknoalclacl" rel="noopener noreferrer"&gt;GoFullPage - Full Page Screen Capture&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions!&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha" rel="noopener noreferrer"&gt;Stylebot&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Change the appearance of the web instantly.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg" rel="noopener noreferrer"&gt;ColorPick Eyedropper&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A zoomed eyedropper &amp;amp; color chooser tool that allows you to select color values from webpages and more.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi" rel="noopener noreferrer"&gt;React Developer Tool&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;React debugging tools to the Chrome Developer Tools. It allows you to inspect the React component hierarchies in the Chrome Developer Tools.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg" rel="noopener noreferrer"&gt;Wappalyzer&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Wappalyzer is a technology profiler that shows you what websites are built with.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/fake-filler/bnjjngeaknajbdcgpfkgnonkmififhfo" rel="noopener noreferrer"&gt;Fake Filler&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Fake Filler a form filler that fills all inputs on a page with fake/dummy data.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/page-ruler-redux/giejhjebcalaheckengmchjekofhhmal" rel="noopener noreferrer"&gt;Page Ruler Redux&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A Web Developer\Designer ruler to get perfect pixel dimensions and positioning to measure elements on any web page.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/web-editor/pdmlhckofhkhebmcplblcijijgjiakcm" rel="noopener noreferrer"&gt;Web Editor&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;The web editor is the tool that provides you with an enhanced way to inspect any website elements, alter their properties, insert contents, design, and visualize the way you want to see them.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/cssviewer/ggfgijbpiheegefliciemofobhmofgce" rel="noopener noreferrer"&gt;CSSViewer&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A simple CSS property viewer.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/fonts-ninja/eljapbgkmlngdpckoiiibecpemleclhh" rel="noopener noreferrer"&gt;Fonts Ninja&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Identify fonts from any website, bookmark, try, and buy them.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk" rel="noopener noreferrer"&gt;Lighthouse&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;An open-source, automated tool for improving the performance, quality, and correctness of your web apps.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/debug-css/igiofjnckcagmjgdoaakafngegecjnkj" rel="noopener noreferrer"&gt;Debug CSS&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Adds outline to all elements on the page to show the culprit element which is changing desired layout. Helps in debugging CSS of the page&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/ux-check/giekhiebdpmljgchjojblnekkcgpdobp" rel="noopener noreferrer"&gt;UX Check&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Identify usability issues through a heuristic evaluation.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/angular-devtools/ienfalfjdbdpebioblfackkekamfmbnh" rel="noopener noreferrer"&gt;Angular Developer Tool&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Angular DevTools allows you to understand the structure of your application and preview the state of the directive and the component instances.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd?hl=en" rel="noopener noreferrer"&gt;Redux Developer Tool&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Redux DevTools provides power-ups for your Redux development workflow. Apart from Redux, it can be used with any other architectures which handle the state.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/hackertabdev-developer-ne/ocoipcahhaedjhnpoanfflhbdcpmalmp" rel="noopener noreferrer"&gt;Hackertab.dev&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Hackertab helps developers stay up-to-date with the latest dev news and resources in one tab.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/json-formatter/bcjindcccaagfpapjjmafapmmgkkhgoa?hl=en" rel="noopener noreferrer"&gt;JSON Formatter&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Formats and colors JSON content for better readability. It can also collapse and expand nested structures.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://chrome.google.com/webstore/detail/seo-minion/giihipjfimkajhlcilipnjeohabimjhi?hl=en" rel="noopener noreferrer"&gt;SEO Minion&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A SEO tool that includes features like on-page SEO analysis, broken link checking, and SERP preview and more.&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;b&amp;gt;&amp;lt;a href="#table-of-contents"&amp;gt;↥ Back To Top&amp;lt;/a&amp;gt;&amp;lt;/b&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  Firefox Extensions
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;Useful Firefox extensions for Designers and Web-Developers.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Website                           &lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/zjm-whatfont/" rel="noopener noreferrer"&gt;WhatFont&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Identify fonts on web pages&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/whatruns/" rel="noopener noreferrer"&gt;WhatRuns&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Discover technologies used on websites&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/web-developer/" rel="noopener noreferrer"&gt;Web Developer&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Toolbar for web development tasks&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/screenshot-capture-annotate/" rel="noopener noreferrer"&gt;Awesome Screenshot &amp;amp; Screen Recorder&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Capture and annotate screenshots&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/daily/" rel="noopener noreferrer"&gt;daily.dev - News for Busy Developers&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Developer news and resources&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/jsonview/" rel="noopener noreferrer"&gt;JSONView&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Format and syntax highlight JSON&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/window-resizer-webextension/" rel="noopener noreferrer"&gt;Window Resizer&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Resize browser window to predefined dimensions&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/responsify-viewer/" rel="noopener noreferrer"&gt;Responsive Viewer&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Test responsive design of websites&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/browserstack-toolbar-toggle/" rel="noopener noreferrer"&gt;BrowserStack&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Instantly preview websites on different devices&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/visbug/" rel="noopener noreferrer"&gt;VisBug&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Web design debugging tool&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/wcag-contrast-checker/" rel="noopener noreferrer"&gt;Kontrast - WCAG Contrast Checker&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Check contrast levels for accessibility&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/pixel-perfect-pro/" rel="noopener noreferrer"&gt;PerfectPixel&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Overlay an image over a web page to compare&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/pesticide-for-firefox/" rel="noopener noreferrer"&gt;Pesticide&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Outline elements on web page for easy visualization&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/website-color-palette/" rel="noopener noreferrer"&gt;Site Palette&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Extract color palette from website&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/colorzilla/" rel="noopener noreferrer"&gt;ColorZilla&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Advanced color picker and eyedropper&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/openlorem/" rel="noopener noreferrer"&gt;Lorem Ipsum Generator (Default Text)&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Generate lorem ipsum text&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/beautifer-minify/" rel="noopener noreferrer"&gt;JavaScript and CSS Code Beautifier&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Beautify and minify JavaScript and CSS code&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/imageye_image_downloader/" rel="noopener noreferrer"&gt;Imageye - Image downloader&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Download images from web pages&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/fireshot/" rel="noopener noreferrer"&gt;Fireshot - Full Page Screen Capture&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Capture full web pages&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/stylebot-web/" rel="noopener noreferrer"&gt;Stylebot&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Customize the appearance of web pages&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/colorpick-eyedropper/" rel="noopener noreferrer"&gt;ColorPick Eyedropper&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Simple color picker and eyedropper&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/react-devtools/" rel="noopener noreferrer"&gt;React Developer Tool&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Inspect React component hierarchy&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/wappalyzer/" rel="noopener noreferrer"&gt;Wappalyzer&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Identify technologies used on websites&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/fake-filler/" rel="noopener noreferrer"&gt;Fake Filler&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Fill out web forms with dummy data&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;b&amp;gt;&amp;lt;a href="#table-of-contents"&amp;gt;↥ Back To Top&amp;lt;/a&amp;gt;&amp;lt;/b&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  AI Graphic Design Tools
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;AI tools that offer free service to generate design&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Website                           &lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://leonardo.ai/" rel="noopener noreferrer"&gt;Leonardo.Ai&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Leonardo AI is an AI-powered design tool that can help you create designs based on reference images.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.usegalileo.ai/" rel="noopener noreferrer"&gt;Galileo AI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Galileo AI is a UI generation platform for easy and fast design ideation. It allows users to generate interface designs from text.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://imggen.ai/" rel="noopener noreferrer"&gt;ImgGen.Ai&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;ImgGen AI is a free AI-powered image generator and enhancement tool.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://unblurimage.ai/" rel="noopener noreferrer"&gt;Unblurimage.Ai&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Unblurimage AI is 100% Free,No Sign-Up online tool for unblur image.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://visactor.io/vmind" rel="noopener noreferrer"&gt;VMind&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;VMind is an intelligent visualization suit that provides intelligent interfaces through rule algorithms, machine learning, and LLM.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;a href="https://diagram-generator.com/" rel="noopener noreferrer"&gt;Free AI Diagram Generator&lt;/a&gt; a free AI-powered platform that helps you create various types of diagrams with ease.&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;b&amp;gt;&amp;lt;a href="#table-of-contents"&amp;gt;↥ Back To Top&amp;lt;/a&amp;gt;&amp;lt;/b&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  Others
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;Uncategorized Stuff&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Website                           &lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://figpeek.vercel.app/" rel="noopener noreferrer"&gt;Figpeek&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Figpeek is a new Figma and GitHub thumbnail generator.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://extract.pics/" rel="noopener noreferrer"&gt;Image Extractor&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Online tool for extracting all images and SVGs of a website, all you is just to drop the URL&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.vertopal.com/" rel="noopener noreferrer"&gt;Vertopal&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free online platform for converting computer files to a variety of file formats&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://everysize.kibalabs.com/" rel="noopener noreferrer"&gt;everysize.kibalabs.com&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Check your awesome responsive webpage looks great in every size&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://devhints.io/" rel="noopener noreferrer"&gt;Devhints.io&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;This is a modest collection of cheatsheets on Internet&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://thewebtoolbox.cc/" rel="noopener noreferrer"&gt;The Web Toolbox&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A collection of handy, free-to-use tools for web developers, programmers and designers.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://webdevtrick.com/" rel="noopener noreferrer"&gt;WebDevTrick&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A famous blog for many amazing HTML, CSS, JQuery designs.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://css-tricks.com/" rel="noopener noreferrer"&gt;css-tricks&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free CSS tricks and some unique ideas for beginners and advanced&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://material.io/resources" rel="noopener noreferrer"&gt;Material Design Resources&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Use Material tools, downloads, and interactive projects to simplify your workflow.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://nodesign.dev" rel="noopener noreferrer"&gt;Nodesign.dev&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A collection of tools for developers who have little to no artistic talent&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://a11ygator.chialab.io/" rel="noopener noreferrer"&gt;A11ygator&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A web tool to scan websites against WCAG rules&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://commitizen.github.io/cz-cli/" rel="noopener noreferrer"&gt;Commitizen&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Command line tool to formatted commit messages according to the standards&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.cleancss.com/" rel="noopener noreferrer"&gt;CleanCss&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Tool For Code Formatter, Minifier, File Converter&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://tiny-helpers.dev/" rel="noopener noreferrer"&gt;Tiny helpers&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A collection of free single-purpose online tools for web developers&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.cssportal.com/css-ribbon-generator/" rel="noopener noreferrer"&gt;CSS Ribbon Generator&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;This generator will assist in creating a pure CSS corner ribbon.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://caniuse.com/" rel="noopener noreferrer"&gt;Can I Use&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Check cross-browser compatibility of frontend technologies.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://compat-table.github.io/compat-table/es6/" rel="noopener noreferrer"&gt;kangax-js-compat-table&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Check JavaScript versions (ES5, ES6, ES2016+ etc.) compatibility across different compilers, servers/runtimes and platforms (Desktop and Mobile).&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.mydevice.io/" rel="noopener noreferrer"&gt;mydevice.io&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Most commonly used device resolutions including phones and tablets&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://codepen.io/" rel="noopener noreferrer"&gt;Codepen&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Build, test and discover frontend code.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://responsively.app" rel="noopener noreferrer"&gt;Responsively&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A tool for designers and frontend developers to design and debug their in all platforms with ease&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://ekoopmans.github.io/html2pdf.js/" rel="noopener noreferrer"&gt;html2pdf.js&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Client-side HTML-to-PDF rendering using pure JS.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://cssreference.io/" rel="noopener noreferrer"&gt;CSS Reference&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A collection of all css properties and definitions in detail&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.sitelocity.com/critical-path-css-generator" rel="noopener noreferrer"&gt;Critical Path CSS Generator&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Generate critical css for your web pages&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://github.com/rossmoody/svg-gobbler" rel="noopener noreferrer"&gt;SVG Gobbler&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Browser extension to find SVGs on a webpage and download, copy to clipboard, or export as PNG.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://shortcode.dev" rel="noopener noreferrer"&gt;shortcode.dev&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A collection of useful snippets and code examples for HTML, CSS, JavaScript, Node, Artisan, Blade and more.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.30secondsofcode.org/" rel="noopener noreferrer"&gt;30secondsofcode.org&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A wide variety of snippet and article collections for CSS, JavaScript, Python and more.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://playcode.io/" rel="noopener noreferrer"&gt;PlayCode&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Javascript playground.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://allthetags.com/" rel="noopener noreferrer"&gt;All The Tags&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;All HTML tags briefly explained.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://vuetelemetry.com/" rel="noopener noreferrer"&gt;Vue Telemetry&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Reveal the Vue plugins and technology stack powering any website or explore a database of 5500+ websites.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://gridjs.io/" rel="noopener noreferrer"&gt;Grid.js&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Grid.js is a Free and open-source HTML table plugin written in TypeScript. It works with most JavaScript frameworks, including React, Angular, Vue and VanillaJs.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://gerillass.com/" rel="noopener noreferrer"&gt;Gerillass&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Gerillass is a website development tool built on top of Sass with a set of Sass mixins and functions for frontend developers to generate scalable CSS outputs.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.sketchize.com/" rel="noopener noreferrer"&gt;Sketchize&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Sketchize is built for UI/UX Designers to help them design lovely apps for mobile, tablet, and desktop devices.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.cssportal.com/" rel="noopener noreferrer"&gt;{CSS}Portal&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;CSSPortal is home to a large range of CSS generators, tools and resources.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://devdocs.io/" rel="noopener noreferrer"&gt;DevDocs&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;DevDocs combines multiple API documentations in a fast, organized, and searchable interface.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://papersizes.io/" rel="noopener noreferrer"&gt;papersizes&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;The best resource for International Paper Sizes, Dimensions &amp;amp; Formats.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://flexboxfroggy.com/" rel="noopener noreferrer"&gt;flexboxfroggy&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Help Froggy and friends by writing CSS code!&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.designbetter.co/books" rel="noopener noreferrer"&gt;Designbetter Books&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Essential reading on the practices that propel the best design teams forward.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://overapi.com/" rel="noopener noreferrer"&gt;OverAPI&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Collection Of All Cheat Sheets.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://pageclip.co/" rel="noopener noreferrer"&gt;Pageclip&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A server for your Static HTML forms&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://shields.io" rel="noopener noreferrer"&gt;Shields&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Create badges with your own customization.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://williamsharkey.com/Shapes.html" rel="noopener noreferrer"&gt;williamsharkey&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Random SVG Graphic Generator&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://bootstrap-cheatsheet.themeselection.com/" rel="noopener noreferrer"&gt;Bootstrap CheatSheet&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;An interactive list of Bootstrap classes, variables, and mixins. The only Bootstrap CheatSheet you will ever need.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://markodenic.com/tools/qr-code-generator/" rel="noopener noreferrer"&gt;QR Code Generator&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Use QR Code Generator to easily create a QR code for your project.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://papersdb.com/" rel="noopener noreferrer"&gt;PapersDB&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;The Biggest Paper Database with Sizes, Dimensions and Formats in Metric and Imperial units.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.setools.xyz/" rel="noopener noreferrer"&gt;SETools.xyz&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free Online tools  website for work&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://SmallDev.tools/" rel="noopener noreferrer"&gt;SmallDev.tools&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free tool for developers to help with Beautify &amp;amp; Minify HTML/CSS/Javascript, and many other handy tools. With a delightful interface.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://angrytools.com/" rel="noopener noreferrer"&gt;Angry Tools&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free web tools for speed up your development.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://rapidapi.com/hub" rel="noopener noreferrer"&gt;Rapid API&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Discover and connect to thousands of APIs.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://readme.so" rel="noopener noreferrer"&gt;Readme.so&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;The easisest way to create a README.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://showcode.app" rel="noopener noreferrer"&gt;Showcode&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Beautiful code screenshot generator.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.tldraw.com" rel="noopener noreferrer"&gt;tldraw&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A tiny little drawing app.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://marvelapp.github.io/devices.css/" rel="noopener noreferrer"&gt;devices.css&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Pure CSS phones and tablets by Marvel App.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://troopl.com" rel="noopener noreferrer"&gt;Troopl&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Build and publish a free portfolio in minutes.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://apifox.cn" rel="noopener noreferrer"&gt;Apifox&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Apifox = Postman + Swagger + Mock + JMeter&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://piccalil.li/blog/a-modern-css-reset/" rel="noopener noreferrer"&gt;A Modern CSS Reset&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Resets the css styling of all HTML elements to a consistent baseline across browsers.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://clipperly.com/" rel="noopener noreferrer"&gt;Clipperly&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;All-in-one free online file service, convert, edit and optimize your files.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.debugbear.com/test/website-speed" rel="noopener noreferrer"&gt;DebugBear Speed Test&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Test and optimize page load speed&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://codebeautify.org/" rel="noopener noreferrer"&gt;Code Beautify&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free Online Tools like Code Beautifiers, Code Formatters, Editors, Viewers, Minifier, Validators, Converters for Developers&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://vue-cheatsheet.themeselection.com/" rel="noopener noreferrer"&gt;Vue CheatSheet&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;An interactive cheatsheet of Vue, Vue Router, and Pinia. The only Vue CheatSheet you will ever need.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://appydev.co/" rel="noopener noreferrer"&gt;appydev&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;A collection of awesome tools, resources and products for people who create and live on the internet.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://extendsclass.com/" rel="noopener noreferrer"&gt;ExtendsClass&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free online tools for developers, including image compressors/encoders, code formatters, code playgrounds, and many other handy utilities.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://runjs.app/play" rel="noopener noreferrer"&gt;RunJS&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Free online JavaScript playground.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.pillarstack.com/" rel="noopener noreferrer"&gt;Pillarstack&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Assorted resources for frontend developers and web designers.&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;blockquote&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;strong&gt;If You Liked Our Post,  Then No Forget To subscribe Our Newsletter For More&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://we-the-developers.vercel.app" rel="noopener noreferrer"&gt;Click Here &amp;amp; Subscribe&lt;/a&gt;&lt;/p&gt;

</description>
      <category>programming</category>
      <category>javascript</category>
      <category>webdev</category>
      <category>discuss</category>
    </item>
    <item>
      <title>🚀 I Just Launched Something Big for Developers — Welcome to We The Developers!</title>
      <dc:creator>Code With Alisha</dc:creator>
      <pubDate>Thu, 02 Oct 2025 03:04:47 +0000</pubDate>
      <link>https://dev.to/code-with-alisha/i-just-launched-something-big-for-developers-welcome-to-we-the-developers-3b72</link>
      <guid>https://dev.to/code-with-alisha/i-just-launched-something-big-for-developers-welcome-to-we-the-developers-3b72</guid>
      <description>&lt;p&gt;🚀 I Just Launched Something Big for Developers — Welcome to We The Developers!&lt;br&gt;
&lt;a href="https://we-the-developers.vercel.app/" rel="noopener noreferrer"&gt;https://we-the-developers.vercel.app/&lt;/a&gt;&lt;/p&gt;




&lt;p&gt;Hey friends, devs, dreamers — today’s the day I open the doors to a project that’s been cooking behind the scenes. Let me walk you through the vision, the promise, and why you should care (because of course you should — you’re reading this).&lt;/p&gt;




&lt;p&gt;✨ What Is We The Developers?&lt;/p&gt;

&lt;p&gt;At its heart, We The Developers is a curated gateway: every week, you get premium development resources, tool discoveries, UI/UX snippets, and real-world code patterns straight into your inbox — all 100% free.&lt;br&gt;
Think of it as your personal senior dev forwarding the things that actually work. No fluff, no filler. Just solutions that save you time and sharpen your craft.&lt;br&gt;
As they say on the site: “We find it, you use it.”&lt;/p&gt;

&lt;p&gt;Some stats to tease you:&lt;/p&gt;

&lt;p&gt;50,000+ developers already in the circle&lt;/p&gt;

&lt;p&gt;900+ resources ready to download&lt;/p&gt;

&lt;p&gt;Zero cost to join&lt;/p&gt;




&lt;p&gt;🎯 Why This Matters&lt;/p&gt;

&lt;p&gt;We live in an age where information overload is the real enemy. You spend hours hunting for a decent UI kit, a solid authentication snippet, or a tool that doesn’t suck — only to find half-baked repos or broken links. We The Developers cuts through that noise.&lt;/p&gt;

&lt;p&gt;Here’s the promise:&lt;/p&gt;

&lt;p&gt;No more scouring GitHub or obscure blogs for working code&lt;/p&gt;

&lt;p&gt;Access to UI components, debugging tools, performance helpers&lt;/p&gt;

&lt;p&gt;Insider tools &amp;amp; best practices you rarely see openly shared&lt;/p&gt;

&lt;p&gt;A community that’s building together, not competing in silence&lt;/p&gt;

&lt;p&gt;From what I saw on the site: code snippets, UI components, tools, cheat sheets, tutorials — delivered weekly. &lt;/p&gt;




&lt;p&gt;🗣️ Voices From the Field&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;“The resources from We The Developers have cut my research time by 80%. I'm implementing better solutions faster than ever before!”&lt;br&gt;
— Sarah Johnson, Senior Frontend Dev &lt;/p&gt;

&lt;p&gt;“As a full-stack developer, time is my most valuable resource. We The Developers delivers exactly what I need, saving me 10+ hours every week.”&lt;br&gt;
— Michael Chen, Full-Stack Lead &lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;These aren’t candy-coated quotes. These are everyday developers saying: “This actually helps me ship.”&lt;/p&gt;




&lt;p&gt;💌 Why You Should Join Now&lt;/p&gt;

&lt;p&gt;You're a dev (frontend, backend, mobile, UI/UX — whoever you are) wanting to level up.&lt;/p&gt;

&lt;p&gt;You believe in quality over quantity.&lt;/p&gt;

&lt;p&gt;You don’t want to pay for every library or component — you want access without gatekeeping.&lt;/p&gt;

&lt;p&gt;You like to stay ahead of the curve — new tools, sneaky tricks, clever patterns you didn’t know existed.&lt;/p&gt;

&lt;p&gt;Subscribing is simple. Head to &lt;a href="https://we-the-developers.vercel.app/" rel="noopener noreferrer"&gt;https://we-the-developers.vercel.app/&lt;/a&gt; → enter your email → confirm → wait for your first resource pack. And yes — no spam. Just beautiful content.&lt;/p&gt;




&lt;p&gt;🛠️ Invitation (Not Demand)&lt;/p&gt;

&lt;p&gt;If you’ve ever cringed at the effort of building a layout from scratch, or wasted hours integrating a library, or simply felt overwhelmed by the sheer number of “solutions” that don’t work — this project is for you.&lt;br&gt;
Join the circle. Start receiving stuff that’s been hand-picked, battle-tested, and meant to push you forward.&lt;/p&gt;

&lt;p&gt;Let’s build smarter, not just harder.&lt;br&gt;
Let’s share more than just code — share progress, mistakes, fixes.&lt;br&gt;
Let’s be We The Developers.&lt;/p&gt;

&lt;p&gt;👉 Check it out right now&lt;/p&gt;

&lt;p&gt;Can’t wait to see what you build with what you get. 💡&lt;/p&gt;

</description>
      <category>programming</category>
      <category>webdev</category>
      <category>javascript</category>
      <category>productivity</category>
    </item>
    <item>
      <title>Hello Everyone! 
I am going to create my own little agency those name will be "We The Developer". This will be offer the services such copywriting, we development, Google &amp; Meta Ads, &amp; Graphics designing. I to hire the people that expert in these skills</title>
      <dc:creator>Code With Alisha</dc:creator>
      <pubDate>Wed, 01 Oct 2025 15:39:17 +0000</pubDate>
      <link>https://dev.to/code-with-alisha/hello-everyone-i-am-going-to-create-my-own-little-agency-those-name-will-be-we-the-developer-2ede</link>
      <guid>https://dev.to/code-with-alisha/hello-everyone-i-am-going-to-create-my-own-little-agency-those-name-will-be-we-the-developer-2ede</guid>
      <description></description>
    </item>
    <item>
      <title>🚨 The Game-Changer Every Website Needs: Asyntai AI Chat 🤖💬</title>
      <dc:creator>Code With Alisha</dc:creator>
      <pubDate>Thu, 04 Sep 2025 13:11:05 +0000</pubDate>
      <link>https://dev.to/code-with-alisha/the-game-changer-every-website-needs-asyntai-ai-chat-2kpf</link>
      <guid>https://dev.to/code-with-alisha/the-game-changer-every-website-needs-asyntai-ai-chat-2kpf</guid>
      <description>&lt;p&gt;💡 Picture this: A visitor lands on your website at 2 AM. They’re ready to buy but have one last question. Normally, you’d lose them. But with Asyntai, your AI assistant jumps in instantly—answers in seconds, removes doubts, and seals the deal.&lt;/p&gt;

&lt;p&gt;👉 Meet the future of conversions: &lt;a href="https://asyntai.com/" rel="noopener noreferrer"&gt;https://asyntai.com/&lt;/a&gt;&lt;/p&gt;




&lt;p&gt;🔥 Why Millions Are Switching to Asyntai&lt;/p&gt;

&lt;p&gt;⚡ Replies in 3 Seconds – Faster than any human support team&lt;/p&gt;

&lt;p&gt;🌍 Speaks Every Language – From English to Spanish to Japanese, no barriers&lt;/p&gt;

&lt;p&gt;📚 Trained on Your Business – Upload FAQs, docs, and product info, and it stays 100% on-brand&lt;/p&gt;

&lt;p&gt;🧩 Copy-Paste Setup – Drop in one snippet and go live&lt;/p&gt;

&lt;p&gt;🤝 Works Alone or With Your Team – Fully automated or hybrid&lt;/p&gt;




&lt;p&gt;💼 Perfect For:&lt;/p&gt;

&lt;p&gt;🛒 Ecommerce Stores – Reduce abandoned carts with instant answers&lt;/p&gt;

&lt;p&gt;💻 SaaS Products – Explain features &amp;amp; pricing 24/7&lt;/p&gt;

&lt;p&gt;🏥 Services &amp;amp; Agencies – Qualify leads, book appointments, and keep conversations flowing&lt;/p&gt;

&lt;p&gt;🌐 Agencies &amp;amp; Marketers – White-label it and sell it as your own&lt;/p&gt;




&lt;p&gt;💸 Start Free, Grow Easy&lt;/p&gt;

&lt;p&gt;🔑 Get 100 free messages when you sign up. Paid plans start at only $39/month—seriously, less than a daily coffee run ☕ but with way higher ROI.&lt;/p&gt;

&lt;p&gt;👉 Try it today: &lt;a href="https://asyntai.com/" rel="noopener noreferrer"&gt;https://asyntai.com/&lt;/a&gt;&lt;/p&gt;




&lt;p&gt;🌟 Final Word&lt;/p&gt;

&lt;p&gt;Websites used to be digital billboards. With Asyntai, they become digital salespeople—always awake, always helpful, always closing.&lt;/p&gt;

&lt;p&gt;🚀 Stop leaving money on the table. Start conversations that convert.&lt;br&gt;
👉 Launch Asyntai now: &lt;a href="https://asyntai.com/" rel="noopener noreferrer"&gt;https://asyntai.com/&lt;/a&gt;&lt;/p&gt;

</description>
      <category>discuss</category>
      <category>javascript</category>
      <category>programming</category>
      <category>ai</category>
    </item>
    <item>
      <title>Caution</title>
      <dc:creator>Code With Alisha</dc:creator>
      <pubDate>Wed, 03 Sep 2025 03:59:11 +0000</pubDate>
      <link>https://dev.to/code-with-alisha/caution-565c</link>
      <guid>https://dev.to/code-with-alisha/caution-565c</guid>
      <description>&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnfoclkio81bygcjsm6ym.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnfoclkio81bygcjsm6ym.png" alt=" " width="612" height="408"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Can We Count on Your Amazing Feedback? ❤️</title>
      <dc:creator>Code With Alisha</dc:creator>
      <pubDate>Fri, 29 Aug 2025 09:25:19 +0000</pubDate>
      <link>https://dev.to/code-with-alisha/can-we-count-on-your-amazing-feedback-2cdk</link>
      <guid>https://dev.to/code-with-alisha/can-we-count-on-your-amazing-feedback-2cdk</guid>
      <description>&lt;h2&gt;
  
  
  🌟 &lt;strong&gt;Share Your Story, Shape the Future of AquaScript!&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;Are you a developer, designer, or student looking for reliable, fast, and free data for your projects? Look no further than &lt;strong&gt;&lt;a href="https://aquascript.xyz" rel="noopener noreferrer"&gt;AquaScript&lt;/a&gt;&lt;/strong&gt; — the all-in-one hub for &lt;strong&gt;free JSON APIs&lt;/strong&gt; and powerful web tools.&lt;/p&gt;




&lt;h2&gt;
  
  
  🚀 What is AquaScript?
&lt;/h2&gt;

&lt;p&gt;AquaScript is a modern platform offering high-quality, ready-to-use JSON APIs and developer tools — with &lt;strong&gt;zero sign-up, zero API key, and 100% free access&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Built for &lt;strong&gt;frontend developers, UI/UX designers, mobile app builders, and hackathon teams&lt;/strong&gt;, it's designed to make prototyping and development smoother and faster.&lt;/p&gt;




&lt;h2&gt;
  
  
  🧰 Available Tools &amp;amp; Features
&lt;/h2&gt;

&lt;h3&gt;
  
  
  ✅ &lt;strong&gt;Free JSON APIs (No Auth Required!)&lt;/strong&gt;
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;📚 &lt;strong&gt;Books API / Books++&lt;/strong&gt; – Get book data including author, title, language, ISBN, ratings, publisher, and more.&lt;/li&gt;
&lt;li&gt;🎬 &lt;strong&gt;Movies API / Movies++&lt;/strong&gt; – Fetch movie titles, plots, actors, posters, box office stats, ratings, and awards.&lt;/li&gt;
&lt;li&gt;💬 &lt;strong&gt;Quotes API / Quotes++&lt;/strong&gt; – Inspirational and custom-tagged quotes with author names and metadata.&lt;/li&gt;
&lt;li&gt;😂 &lt;strong&gt;Jokes API / Programming Jokes&lt;/strong&gt; – Clean jokes and developer-specific programming humor.&lt;/li&gt;
&lt;li&gt;👤 &lt;strong&gt;Random User API&lt;/strong&gt; – Generate fake user profiles with names, usernames, passwords, avatars, and location.&lt;/li&gt;
&lt;li&gt;🥘 &lt;strong&gt;Recipes API&lt;/strong&gt; – Full recipe information with ingredients, cooking instructions, time, and nutrition.&lt;/li&gt;
&lt;li&gt;🎵 &lt;strong&gt;Songs API&lt;/strong&gt; – Get data on song titles, artists, release years, durations, and more.&lt;/li&gt;
&lt;/ul&gt;




&lt;h3&gt;
  
  
  🛠️ &lt;strong&gt;Powerful Online Web Tools&lt;/strong&gt;
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;🧾 &lt;strong&gt;Invoice Generator&lt;/strong&gt; – Instantly create custom invoices &amp;amp; download as PDF, image, or HTML.&lt;/li&gt;
&lt;li&gt;🎨 &lt;strong&gt;CSS Tools&lt;/strong&gt; – Gradient Generator, Shadow Generator, Glassmorphism &amp;amp; Neumorphism Designer.&lt;/li&gt;
&lt;li&gt;💼 &lt;strong&gt;Business Card Generator&lt;/strong&gt; – Create stylish business cards with export options.&lt;/li&gt;
&lt;li&gt;🔳 &lt;strong&gt;QR Code Generator&lt;/strong&gt; – Generate QR codes for URLs, vCards, WiFi access, etc.&lt;/li&gt;
&lt;li&gt;⏱️ &lt;strong&gt;Productivity Timer&lt;/strong&gt; – Simple and effective tool for time tracking &amp;amp; productivity.&lt;/li&gt;
&lt;li&gt;🌐 &lt;strong&gt;Favicon Generator&lt;/strong&gt; – Create custom favicons for your websites.&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  💡 Why Developers Love AquaScript
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Feature&lt;/th&gt;
&lt;th&gt;Benefit&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;⚡ &lt;strong&gt;Blazing Fast&lt;/strong&gt;
&lt;/td&gt;
&lt;td&gt;Sub-100ms response time via global CDN&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;🔓 &lt;strong&gt;Truly Free&lt;/strong&gt;
&lt;/td&gt;
&lt;td&gt;No keys, no sign-ups, no limits&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;🌐 &lt;strong&gt;CORS Support&lt;/strong&gt;
&lt;/td&gt;
&lt;td&gt;Works seamlessly with all major frontend frameworks&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;📦 &lt;strong&gt;Clean JSON&lt;/strong&gt;
&lt;/td&gt;
&lt;td&gt;Easy-to-use structure for APIs&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;🔄 &lt;strong&gt;Always Evolving&lt;/strong&gt;
&lt;/td&gt;
&lt;td&gt;New APIs and tools are added regularly&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;




&lt;h2&gt;
  
  
  📣 We Want Your Feedback!
&lt;/h2&gt;

&lt;p&gt;Have you used AquaScript in your project, prototype, or just for fun?&lt;br&gt;
We’d love to hear from &lt;strong&gt;you&lt;/strong&gt;! Your feedback will help us make AquaScript even more powerful for the dev community.&lt;/p&gt;

&lt;h3&gt;
  
  
  💬 Share with us:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;What API or tool helped you most?&lt;/li&gt;
&lt;li&gt;What features would you love to see next?&lt;/li&gt;
&lt;li&gt;Have ideas for improvements?&lt;/li&gt;
&lt;li&gt;Would you recommend AquaScript to others?&lt;/li&gt;
&lt;/ul&gt;




&lt;h3&gt;
  
  
  📬 How to Send Feedback:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Drop a comment or message on social&lt;/li&gt;
&lt;li&gt;Email us at &lt;strong&gt;&lt;a href="mailto:support@aquascript.xyz"&gt;support@aquascript.xyz&lt;/a&gt;&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;Or visit our &lt;a href="https://aquascript.xyz" rel="noopener noreferrer"&gt;&lt;strong&gt;Discord&lt;/strong&gt;&lt;/a&gt; and join the conversation&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  🌐 Start Exploring Today:
&lt;/h2&gt;

&lt;p&gt;🔗 &lt;strong&gt;Visit Now:&lt;/strong&gt; &lt;a href="https://aquascript.xyz" rel="noopener noreferrer"&gt;https://aquascript.xyz&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Let’s shape the future of developer tools — &lt;strong&gt;together&lt;/strong&gt;. 💙&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>javascript</category>
      <category>discuss</category>
    </item>
    <item>
      <title>Join DEV Community Whatsapp Channel 🌟 🌟 🌟 🌟 🌟</title>
      <dc:creator>Code With Alisha</dc:creator>
      <pubDate>Sat, 23 Aug 2025 03:10:56 +0000</pubDate>
      <link>https://dev.to/code-with-alisha/join-dev-community-whatsapp-channel-26m</link>
      <guid>https://dev.to/code-with-alisha/join-dev-community-whatsapp-channel-26m</guid>
      <description>&lt;div class="ltag__link"&gt;
  &lt;a href="/hanzla-baig" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__pic"&gt;
      &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1943881%2F62aeb2ca-c228-4b5a-9327-2690358bb8d6.JPG" alt="hanzla-baig"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="https://dev.to/hanzla-baig/welcome-to-dev-community-whatsapp-channel-revolution-14h4" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;🌟💻 Welcome to DEV Community – WhatsApp Channel Revolution&lt;/h2&gt;
      &lt;h3&gt;Hanzla Baig ・ Aug 23 '25&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#devjournal&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#productivity&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#discuss&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#javascript&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;


</description>
      <category>devjournal</category>
      <category>productivity</category>
      <category>discuss</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Join DEV Community Whatsapp Channel 🌟 🌟 🌟 🌟</title>
      <dc:creator>Code With Alisha</dc:creator>
      <pubDate>Sat, 23 Aug 2025 03:10:38 +0000</pubDate>
      <link>https://dev.to/code-with-alisha/join-dev-community-whatsapp-channel-mbd</link>
      <guid>https://dev.to/code-with-alisha/join-dev-community-whatsapp-channel-mbd</guid>
      <description>&lt;div class="ltag__link"&gt;
  &lt;a href="/hanzla-baig" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__pic"&gt;
      &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1943881%2F62aeb2ca-c228-4b5a-9327-2690358bb8d6.JPG" alt="hanzla-baig"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="https://dev.to/hanzla-baig/welcome-to-dev-community-whatsapp-channel-revolution-14h4" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;🌟💻 Welcome to DEV Community – WhatsApp Channel Revolution&lt;/h2&gt;
      &lt;h3&gt;Hanzla Baig ・ Aug 23 '25&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#devjournal&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#productivity&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#discuss&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#javascript&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;


</description>
      <category>devjournal</category>
      <category>productivity</category>
      <category>discuss</category>
      <category>javascript</category>
    </item>
  </channel>
</rss>
