Design & Dev Tools

20 Free Web Design Tools from Fall 2020

Free resources from the design community can add value to an ecommerce site. Here is a list of new web tools and design elements from fall 2020. There are designer and developer apps, coding resources, graphic tools, fonts, and more. All of these tools are free, though some also offer premium versions.

Free Design Tools

Serenade is an app to write code using natural speech. It integrates with existing tools (e.g., Visual Studio Code, Atom, and Chrome), so there’s no need to abandon your current setup. Use voice commands alongside typing, or leave your keyboard behind entirely.

Serenade home page

Serenade

Quarkly is a tool for creating websites and web apps. Use adaptive pre-made blocks to build interactive sites quickly. Apply animations, filters, blendings, transformations, and more. Code your own React-ready components. Work on a project with your colleagues. Free during beta.

Unspam.email is an online email tester tool. It analyzes an email, assigns a spam score, and predicts deliverability results with a heat map. Learn to improve the delivery of your email newsletter. Ensure everyone can read your emails with accessibility checks.

WP Umbrella monitors your WordPress sites and alerts you if anything goes wrong, from PHP errors to uptime and performance. Prevent downtime, accelerate your maintenance operations, and ease your website’s deployment flow.

Home page WP Umbrella

WP Umbrella

Tint & Shade Generator produces tints (pure white added) and shades (pure black added) of a given hex color in 10-percent increments. It also previews tints and shades for a base color.

Phosphor is a free and open-source icon library for interfaces, diagrams, presentations, and more. It has over 4,000 icons, consistent in style and scale but flexible in sizes and weights.

Bubbles is a Chrome extension that combines video, audio, and message-based collaboration to allow users to capture, comment, and share anything they see on their screen. Have conversations in the context of what you’re looking at. Eliminate back-and-forth emails and misunderstandings.

Home page for Bubbles

Bubbles

Gazepass allows your users to log in using biometrics across all of their devices, rather than passwords. With just a few lines of code, users can sign up and log in using native biometric sensors or face identification via a webcam.

Urlcat is a tiny JavaScript library that makes building URLs convenient and prevents common mistakes.

Link hover animation provides the code for a simple animated highlight.

Swell is a headless ecommerce platform. Create fast and flexible shopping experiences without having to think about infrastructure or maintenance. Includes native subscriptions, custom content models, B2B wholesale features, and a checkout API.

Home page of Swell

Swell

IconPark gives access to more than 1,400 quality icons and an interface for customizing. Instead of using various SVG source files, attributes of a single SVG are modified to produce different themes.

BGJar is a free SVG background generator for your websites, blogs, and apps. Choose from 24 background styles and then customize.

Hitcount is a simple and modern website hit counter. Copy the code and place it on your site where you want a counter to be displayed.

Blacklight is a real-time website privacy inspector. Enter the address of any website, and Blacklight will scan it and reveal its user-tracking technologies.

Home page of Backlight

Blacklight

Free Fonts

Autobus Omnibus is a modern, bold sans serif that’s stylish and significant.

Home page of Autobus Omnibus

Autobus Omnibus

Mango is a free geometric and minimal lowercase font. It’s fresh and futuristic — useful for logos, headlines, and motion graphic animations.

Home page of Mango

Mango

Laredo Rounded is a free rounded vintage style font created by Studio Aurora.

Home page of Laredo Rounded

Laredo Rounded

Skaters is a simple and chunky display font to make your casual designs stand out.

Home page of Skaters

Skaters

Bestermind is a stylish and elegant script font to personalize your design.

Home page of Bestermind

Bestermind

Sig Ueland
Sig Ueland
Bio


x