20 Free Web Design Tools Coming Spring 2022

Free resources from the designer community can enhance a web project.

Here is a list of new Spring 2022 tools and design elements. This list includes project collaboration tools, site builders, API resources, color palettes, checkout optimizers, loading icons, fonts free, etc All tools are free or have free plans.

Free design tools

work is a remote work toolkit for teams to work seamlessly through asynchronous collaboration. Manage and create tasks, share files and HyperDocs, take notes and collaborate on voice chat, and collaborate asynchronously on recordings. Free up to five teammates.


pages is a new resource for Scribe, an app for creating step-by-step guides and product demos. With Pages, you can now combine Scribe records on a process document and add text, descriptions, hyperlinks, Loom and YouTube videos, and more.

API Tracking is a search engine for finding the best APIs and SaaS apps for building native integrations. Track API Specifications and Documentation, Developer Experiences, SDKs, Developer Documentation, IDE Support, Platform Strength, Authentication, and API Styles . Free up to 2,000 API calls per month.

seventy is a new simple static site generator. It lets you mix and match template engines to easily migrate existing content, turning a template directory into HTML. Content templates can use a different templating engine than layout files. Eleventy works with HTML, Markdown, JavaScript, Liquid, Nunjucks, Handlebars, Mustache, EJS, Haml and Pug.

Screenshot of the Eleventy homepage


Reasonable colors is an open source system for creating accessible and engaging color palettes. Evenly spaced, the 24 sets of named colors each have a hue within 15 degrees of its neighbors on the LCH color wheel. This even spacing makes it easy to find complementary pairs and create attractive color palettes.

sales package is a checkout optimizer for WooCommerce that uses dynamic discounts, smart coupons, and payment alerts to drive more sales, increase order value, and drive engagement.

Chargers is a collection of free animated loaders (visible on a webpage as it loads) to add to your next project. Built with HTML, CSS, and SVG, these loaders are fun, creative, and enjoyable.

Screenshot of loaders web page at uiball.com


Lexical is an extensible JavaScript text editor framework that scales in size and functionality. Lexical makes it easy to create complex text editing experiences that would otherwise be very complex with the built-in browser tools.

Scrollex is a React library for creating beautiful scrolling experiences using minimal code. Scrollex provides keyframe helpers to define the elements of each scroll position.

Formspector is a tool to make sure forms work. Set up automated tests for any form without writing a line of code. Review your forms for newsletters, contact us, registration, support and other uses. Free up to three forms.

Screenshot of the Formspector homepage


QlndR.io is a handy QR code generator for events and appointments. Smartphones automatically add the event to a calendar and let the user know if there is a conflict at that time.

Divisions are new building blocks and full site templates for Studio, a web design platform. In keeping with user experience best practices, section templates maintain a minimalist look. Choose from various elements to create a personalized website. Sections offers 18 free pre-made templates and is free for up to 1,000 CMS elements and 10,000 views per month.

Yaade (Yet Another API Development Environment) is an open source, self-hosted and collaborative API development environment. Yaade is developed with security in mind so that users can securely store sensitive information in API requests on their own servers.

Plexi is a free tool that simplifies payments and shipping of direct message orders. Generate your payment page in a few steps with mobile. Enable shipping and create discounted shipping labels. Receive transparent payments and automate order updates.

Screenshot of the Plexi home page


Free Fonts

habanero is a playful and dramatic display font to enhance any design. The cartoon style is both clean and bold. Useful for attracting attention.

Screenshot of Habanero font from Behance.net


Lastik is a serif font inspired by educational materials from the late 1990s and early 2000s. Lastik is versatile and understated while maintaining personality and a touch of nostalgia.

Screenshot of Lastik font from Behance.net


Rakyat is a youthful, confident, handwritten font for any project with an energetic and romantic vibe.

Screenshot of Rakyat font from Behance.net


Visit is a clean, timeless Neo-Grotesque sans serif typeface family. Vistol is available in 18 weights, nine amounts and includes italics. Get Vistol Black for free or buy the entire family starting at $12.

Screenshot of Vistol font from Behance.net


Kapisan is a cute, playful, and quirky handwritten font. It’s smart and readable.

Screenshot of Kapisan font from Behance.net


Candy is a fun and colorful high resolution 3D word game. Colors are easily editable by hue and saturation.

Screenshot of Candy font from Behance.net