Free resources from the design community can add value to an ecommerce website. Here is a list of new web tools and design elements from Summer 2020. There are designer and developer apps, coding resources, color tools, fonts, and more. All of these tools are free, but some offer premium versions as well.

Free design tools

Editor X. is a web creation platform for designers and agencies. Build data-driven websites and complex web applications. Create and start unlimited projects for free. Update to add a custom domain, enable online payments, and more. Editor X is part of Wix.

Editor X.

Isoflow is a tool for creating isometric diagrams for presentations, documentation and illustrations. Simply move an icon and its connections and labels will follow.

Lemon.io Assigns your startup to a verified, freelance developer. Find a developer or lead technology offering for your project or business. Use assisted matching with a risk-free replacement guarantee. Don’t pay any fees other than the developer’s hourly rate.

Paper cups is an open source live chat web app written in Elixir with an optional hosted version at App.papercups.io.

Paper cups

RevKit is a user interface design kit for Sketch, Figma, and Adobe XD. It includes ready-to-use components, icons, symbols, and styles for quick iterations.

NSFW filter is a browser extension for detecting and filtering images that are unsafe for work.

Form button This option allows you to create a simple button on your website that will display a contact form. Customize almost all aspects of Formbutton, including text, fonts, icons, colors, delivery behavior, data, and error handling.

Form button

Form button

Web design toolbox, A curated collection of tools and resources for designers and programmers offers approximately 1,000 resources in 78 different categories.

Linear is a collaborative management tool for optimizing software projects, sprints, tasks, and bug tracking. Manage your team’s progress, workload, and speed.

VoiceText is an extension for Slack for sending searchable voice messages with text transcriptions to any Slack channel or direct message.

SpreadSimple Uses the data in a Google spreadsheet to create modern websites with customizable features. Use Google Sheets to manage your inventory, prices, and orders. Get features like filtering, searching, sorting, collecting leads via forms, search engine optimization and more.

SpreadSimple

SpreadSimple

Basicons is a curated collection of basic, customizable icons for product design and development. Basicons is updated and refined weekly.

Device recordings generates device models with screenshots. Choose between different device categories or choose a social platform. Adjust the background color of the canvas. Then download the generated model as a high resolution PNG image.

Hosting Checker Tool This option allows you to identify the host on each website. Enter the url or domain name and get the results on host, name, IP address, data center location and contact details.

Free faces is a curated collection of free fonts. Browse by styles: sans, serif, cursive, slab, monospace, and display. The website was created by Simon Foster, the digital lead at Hamilton-Brown, a design agency.

Free faces

Free faces

Free fonts

The father, a mix of “bold” and “pattern,” is a fun and colorful font designed for display purposes.

The father

The father

– –

SK fencer is an expansive, angular monospace font that is reminiscent of a 1960s design.

SK fencer

SK fencer

– –

spark is a bold and chunky handwritten font that is used to communicate a message in an eye-catching way.

spark

spark

– –

sunset is a sleek and sophisticated handwritten font for branding, headings, and quotation marks.

sunset

sunset

– –

Hangry hand is a thick, handwritten font with animated characters.

Hangry hand

Hangry hand

– –

Pulchella is a lush, flowery sans serif font for logos and branding.

Pulchella

Pulchella