17 free tools for color, code, SEO, UI, and more.

Improving the look and performance of an e-commerce site doesn’t have to cost money. Here is a list of new web tools for color, code, search engine optimization, UI, and more. All of these tools are free, although some also offer premium versions.

Free web tools

Pantone color of the year 2022 is very perished (PANTONE 17-3938). Every year, the experts of the Pantone Color Institute travel the world in search of new color influences. Veri Peri has purple blue and red, reflecting gratitude and a unique perspective on the future.

Pantone color of the year 2022

TOOLS.design is an archive of around 900 free and premium resources from the design community. Subscribe to the newsletter to receive five new resources every week.

Gradients lets you quickly test how different gradients look on common UI elements.

Protodeo lets you quickly create a scrolling 3D video website to display an app mockup. Upload your footage and select up to four video interaction styles: Apple-style scrolling, hotspots, slider, or static. Get a Bootstrap template with video and mockups in less than 24 hours.

Screenshot of the Protodeo home page.

Protodeo

metaSEOa tool for beginners, generates meta tags to improve organic search rankings.

monad is a tool for sharing short code snippets from your favorite code resources.

Doodle icons, by Khushmeen Sidhu, is a collection of over 400 hand-drawn icons in 15 categories. The icons are free, with no attribution required. The icon set follows a handy collection of free Sidhu icons artwork since last year.

Screenshot of the Doodle Icons page of the Khushmeen website.

Doodle icons

API difference helps you check for changes in two versions of an API. Drag and drop or add the URLs of both files, and see the changes

GrowthBook is an open source platform that helps you publish code better and measure the impact with your data. The self-hosted version is free. The cloud version is free for the first five seats, then $20 per month for each additional seat.

Promoshot.io is a quick way to present your product. Choose a template, upload your image and download your promotional content for free.

Screenshot of the Promoshot.io homepage.

Promoshot.io

Snappify is a tool for creating, storing and sharing code snippets. Use the code editor to add multiple windows to describe differences in code snippets. Place explanations and arrows next to snippets for annotations. Add your own avatar and specify a username for Twitter, GitHub, Instagram, or LinkedIn.

Mozaik provides free, ready-to-use Webflow components to build websites easily. Copy and paste browser components directly into your Webflow projects. Search the library by category or keyword to find what you need.

Straw.Page is a simple drag and drop builder to create websites from your phone. Create landing pages, stores, etc.

Screenshot of Straw.Page homepage.

Straw.Page

UI builder lets you create UI mockups for landing pages, prototypes, presentations, and blog posts.

Placement is a simple placeholder generator. Enter dimensions, background color, and text style, then upload the image in PNG, JPG, or SVG format.

Appy Pie NFT Creator allows you to design your own non-fungible tokens without coding. Create NFT graphics with the template-based art creator.

Web Almanac 2021 is an annual report on the state of the web, backed by data and experts. The 2021 edition covers the design, publication and distribution of page content and user experience.

Screenshot of the Web Almanac HTTP Archive home page.

Web Almanac 2021

About Dora Kohler

Check Also

How To Start Your Own Blog | Way of life

Courtesy of Jess Bailey at Unsplash Blogging is a versatile way to reach a large …