<p>It’s the start of a new year, and product designers are already launching thousands of new apps, tools, and resources.</p> <p>In January’s edition of our monthly roundup of the most exciting new downloads for designers and developers, there’s everything from full-blown applications to helpful little side projects. Enjoy!</p>
<h1>Observable</h1>
<p><a href=”https://observablehq.com/teams”>Observable</a> lets you explore, analyze, and explain data as a team to uncover insights, and make better decisions. Build fresh data visualizations with drag-and-drop components or JavaScript.</p>
<figure><a href=”https://observablehq.com/teams”><img class=”alignnone size-full wp-image-119789″ src=”https://www.webdesignerdepot.com/cdn-origin/uploads/2023/01/01-observable.png” alt=”” width=”1200″ height=”1200″ /></a></figure>
<h1>Blocs</h1>
<p><a href=”https://blocsapp.com/”>Blocs</a> is a no-code website builder based on Bootstrap 5. It has a whole heap of templates, so all you need to do is pick one, customize it, and add your content.</p>
<figure><a href=”https://blocsapp.com/”><img class=”alignnone size-full wp-image-119790″ src=”https://www.webdesignerdepot.com/cdn-origin/uploads/2023/01/02-blocs.jpg” alt=”” width=”1200″ height=”1200″ /></a></figure>
<h1>blogstatic</h1>
<p><a href=”https://blogstatic.io/”>blogstatic</a> is a fantastic no-code blogging platform with a minimal UI that lets you focus on nothing but your content. There’s built-in SEO, plus themes and hosting is included.</p>
<figure><a href=”https://blogstatic.io/”><img class=”alignnone size-full wp-image-119791 image-border” src=”https://www.webdesignerdepot.com/cdn-origin/uploads/2023/01/03-blogstatic.jpg” alt=”” width=”1200″ height=”1200″ /></a></figure>
<h1>Lessmail</h1>
<p><a href=”https://lessmail.io/”>Lessmail</a> is an excellent way to clean out your inbox for the new year. Unsubscribe from unwanted newsletters, delete old messages and focus on the mail you want.</p>
<figure><a href=”https://lessmail.io/”><img class=”alignnone size-full wp-image-119792″ src=”https://www.webdesignerdepot.com/cdn-origin/uploads/2023/01/04-lessmail.jpg” alt=”” width=”1200″ height=”1200″ /></a></figure>
<h1>Ultimate Side Projects Playbook</h1>
<p>Is 2023 the year you’ll launch a web-conquering side project? Give yourself the best chance with the free <a href=”https://buildbystl.com/playbook”>Ultimate Side Projects Playbook</a> to guide you through the process.</p>
<figure><a href=”https://buildbystl.com/playbook”><img class=”alignnone size-full wp-image-119793″ src=”https://www.webdesignerdepot.com/cdn-origin/uploads/2023/01/05-sideprojects.jpg” alt=”” width=”1200″ height=”1200″ /></a></figure>
<h1>Ashore</h1>
<p>Get your web designs, prototypes, and other creative work sign-off fast using <a href=”https://ashoreapp.com/”>Ashore</a>. Upload your files, share them with stakeholders, and track when your designs are approved.</p>
<figure><a href=”https://ashoreapp.com/”><img class=”alignnone size-full wp-image-119794 image-border” src=”https://www.webdesignerdepot.com/cdn-origin/uploads/2023/01/06-ashore.jpg” alt=”” width=”1200″ height=”1200″ /></a></figure>
<h1>Frase</h1>
<p><a href=”https://www.frase.io/”>Frase</a> is an AI tool for researching, writing, and optimizing content with high-quality SEO keywords. Write anything from content briefs to blog posts in a fraction of the usual time.</p>
<figure><a href=”https://www.frase.io/”><img class=”alignnone size-full wp-image-119795″ src=”https://www.webdesignerdepot.com/cdn-origin/uploads/2023/01/07-frase.png” alt=”” width=”1200″ height=”1200″ /></a></figure>
<h1>Uiverse</h1>
<p><a href=”https://uiverse.io/”>Uiverse</a> is a collection of UI elements designed by the community that you can use on your site for free or even submit your own designs for others to use.</p>
<figure><a href=”https://uiverse.io/”><img class=”alignnone size-full wp-image-119796″ src=”https://www.webdesignerdepot.com/cdn-origin/uploads/2023/01/08-uiverse.png” alt=”” width=”1200″ height=”1200″ /></a></figure>
<h1>Rive</h1>
<p><a href=”https://rive.app/”>Rive</a> is an excellent app for building fast, small, interactive animations and motion graphics for the web. Animations built-in Rive can run on the web or in native apps.</p>
<figure><a href=”https://rive.app/”><img class=”alignnone size-full wp-image-119797″ src=”https://www.webdesignerdepot.com/cdn-origin/uploads/2023/01/09-rive.png” alt=”” width=”1200″ height=”1200″ /></a></figure>
<h1>Vuestic UI</h1>
<p><a href=”https://vuestic.dev/”>Vuestic UI</a> is an excellent UI framework for Vue. All aspects are fully customizable, and Vuestic UI seamlessly integrates with other component libraries for even more options.</p>
<figure><a href=”https://vuestic.dev/”><img class=”alignnone size-full wp-image-119798 image-border” src=”https://www.webdesignerdepot.com/cdn-origin/uploads/2023/01/10-vuestic.jpg” alt=”” width=”1200″ height=”1200″ /></a></figure>
<h1>Localfonts.xyz</h1>
<p><a href=”https://localfonts.xyz/”>Localfonts.xyz</a> is a simple way to browse the fonts installed on your local machine in your browser. It’s a fast solution for choosing fonts for your designs.</p>
<figure><a href=”https://localfonts.xyz/”><img class=”alignnone size-full wp-image-119799 image-border” src=”https://www.webdesignerdepot.com/cdn-origin/uploads/2023/01/11-localfonts.png” alt=”” width=”1200″ height=”1200″ /></a></figure>
<h1>PixelBin</h1>
<p><a href=”https://www.pixelbin.io/”>PixelBin</a> is a tool for optimizing and delivering images. It uses AI to transform your assets and allows you to use larger, higher-quality images without bloated load times.</p>
<figure><a href=”https://www.pixelbin.io/”><img class=”alignnone size-full wp-image-119800″ src=”https://www.webdesignerdepot.com/cdn-origin/uploads/2023/01/12-pixelbin.jpg” alt=”” width=”1200″ height=”1200″ /></a></figure>
<h1>EarlyBird</h1>
<p><a href=”https://earlybird.im/”>EarlyBird</a> is a no-code landing page generator perfect for teams launching an early-stage website. You can get your product online fast and start validating it with real users.</p>
<figure><a href=”https://earlybird.im/”><img class=”alignnone size-full wp-image-119801 image-border” src=”https://www.webdesignerdepot.com/cdn-origin/uploads/2023/01/13-earlybird.jpg” alt=”” width=”1200″ height=”1200″ /></a></figure>
<h1>RippleUI</h1>
<p><a href=”https://www.ripple-ui.com/”>RippleUI</a> is a toolkit for UI design that improves on the Tailwind approach by simplifying classes to reduce the amount of code you need. In addition, it includes components and utility classes to speed up your web development.</p>
<figure><a href=”https://www.ripple-ui.com/”><img class=”alignnone size-full wp-image-119802″ src=”https://www.webdesignerdepot.com/cdn-origin/uploads/2023/01/14-rippleui.jpg” alt=”” width=”1200″ height=”1200″ /></a></figure>
<h1>No Code AI Model Builder</h1>
<p>If you want to build your own AI models but you don’t know how to code, you can use <a href=”https://no-code-ai-model-builder.com/”>No-Code AI Model Builder</a> to generate AI models in minutes.</p>
<figure><a href=”https://no-code-ai-model-builder.com/”><img class=”alignnone size-full wp-image-119803″ src=”https://www.webdesignerdepot.com/cdn-origin/uploads/2023/01/15-aibuilder.jpg” alt=”” width=”1200″ height=”1200″ /></a></figure>
<h1>Templatify</h1>
<p>Save hours creating social media templates with <a href=”https://incleveri.gumroad.com/l/ivcyz”>Templatify</a>, a collection of 201 templates for Twitter and Instagram. There are dark and light versions, and a full video tutorial shows you how to customize them.</p>
<figure><a href=”https://incleveri.gumroad.com/l/ivcyz”><img class=”alignnone size-full wp-image-119804 image-border” src=”https://www.webdesignerdepot.com/cdn-origin/uploads/2023/01/16-templatify.jpg” alt=”” width=”1200″ height=”1200″ /></a></figure>
<h1>Detangle</h1>
<p><a href=”https://detangle.ai/”>Detangle</a> beats small print by using the power of AI to generate human-readable summaries of legal documents so you can understand what you’re signing.</p>
<figure><a href=”https://detangle.ai/”><img class=”alignnone size-full wp-image-119805 image-border” src=”https://www.webdesignerdepot.com/cdn-origin/uploads/2023/01/17-detangle.jpg” alt=”” width=”1200″ height=”1200″ /></a></figure>
<h1>Mesher</h1>
<p>CSS Hero’s <a href=”https://csshero.org/mesher/”>Mesher</a> creates incredible multicolor gradients that can be customized and exported to CSS for use in your projects.</p>
<figure><a href=”https://csshero.org/mesher/”><img class=”alignnone size-full wp-image-119806″ src=”https://www.webdesignerdepot.com/cdn-origin/uploads/2023/01/18-mesher.jpg” alt=”” width=”1200″ height=”1200″ /></a></figure>
<h1>OldestSearch.com</h1>
<p><a href=”https://www.oldestsearch.com/”>OldestSearch.com</a> is a fascinating look at the web that was. Enter any search term, and it will return the oldest matching links available on Google Search.</p>
<figure><a href=”https://www.oldestsearch.com/”><img class=”alignnone size-full wp-image-119807″ src=”https://www.webdesignerdepot.com/cdn-origin/uploads/2023/01/19-old.jpg” alt=”” width=”1200″ height=”1200″ /></a></figure>
<h1>Detect GPT</h1>
<p><a href=”https://www.thomas.io/detect-gpt”>Detect GPT</a> is a helpful Chrome extension that scans the content of web pages and determines if the content has been auto-generated by AI. It’s very handy for checking the validity of blog posts.</p>
<figure><a href=”https://www.thomas.io/detect-gpt”><img class=”alignnone size-full wp-image-119808 image-border” src=”https://www.webdesignerdepot.com/cdn-origin/uploads/2023/01/20-detectgpt.jpg” alt=”” width=”1200″ height=”1200″ /></a></figure>
