Free resources from the designer community can add value to your ecommerce site. Here is a list of new web tools and design elements starting in fall 2019. There are design and development apps, coding resources, color tools, fonts, and more. All of these tools are free, although some offer premium versions as well.
Free design tools
The art of symbols is an exploration of the symbols of the Emotive Brand design team, a consulting firm. It started as part of the # 100DayProject, in which people commit to 100 days to explore their creativity. This project focuses on how ancient symbols inform contemporary branding design.
Spectrum, Adobe’s new design system, provides components and tools to help product teams work efficiently and make Adobe applications cohesive. Download UI Kits, Spectrum Font Families, and Consistent Icons. Use Spectrum CSS, an open source implementation of Adobe’s design system.
Izmir is a free CSS mini-library for quickly creating engaging image hover elements. Load the CSS library into your project and add element markup combined with style classes of your choice to create your custom image hover effect.
Hexometer Website Hygiene Worker Periodically scans around 2,800 data points on your website to make sure digital assets are working. The attendant constantly checks your site and informs you of any problems. It also provides tips and advice on how to improve the hygiene of your website to improve your visibility and performance online. The free version scans a site once a week. Paid versions start at $ 8.25 per month.
HTTP mockup is the latest tool from HTTP Toolkit, an open source tool suite for debugging, testing, and building with HTTP. Capture HTTPs to search, explore, and inspect. Edit requests and responses live, to test both APIs and clients. Simulate HTTP (S) errors, timeouts, and connection failures. The Premium Account offers in-depth bug tools, validation, and documentation for over 1,400 APIs and more.
Devices by Facebook Design is a collection of images and Sketch files of popular devices. Each file comes with a bitmap image of the device (with and without shadows) and the original Sketch file for that device.
Claire is a new online to-do list app with a distraction-free design. See only your work week with things to do at a glance. Tap to add items. Tasks not performed today are carried over to the next day. Drag and drop tasks, click to finish, and drag to the trash to delete. Sign up for the beta and invite friends to enjoy a free year.
Fresh folk is a library of illustrations of people and objects. Each character comes with a range of poses, outfits, and skin tones. Create a wide range of scenes with 43 objects to choose from. All images are free for commercial or personal use.
Fliplet is a pre-made tool for creating custom applications. Prefabricated apps combine drag-and-drop editors with customizable open source components. Use an existing library of prefabricated components or create your own. The free account offers a live web application.
Mozilla Developer Video Channel offers videos to help web designers, developers, or others involved in building websites or applications. Explore design technologies including CSS styling and a Firefox series on navigation tools for web professionals.
8b is a simple, free online website builder for building fast, mobile-optimized, Google-friendly websites. 8b uses templates and is useful for those with no coding experience. The free version uses the 8b.io subdomain and contains ads. The premium version starts at $ 1.58 per month.
Doka.Photo is a free online image editor powered by Doka.js. Quickly edit and crop an image, apply filters, rotate, resize, flip, adjust colors, and add markup.
Iubenda terms and conditions generator is a tool to generate and manage a professional general conditions document, customizable from more than 100 clauses, available in eight languages and written by an international legal team.
Free Bootstrap Templates and Themes is a collection of free and premium Bootstrap templates from Designmodo to download and edit using the Startup app. Pick a theme to build an eCommerce website, landing page, presentation, or SaaS app.
CopyPalette is a tool for generating a consistent monochrome color palette. Create different shades and depths of a shade and export your palette with just one click. Three main parameters help define the final palette. When you’re happy, copy the final SVG palette and paste it into your favorite design tool.
Recursive is a five-axis variable font to maximize versatility, control and performance. Choose from a range of predefined styles, or dial in exactly what you want for each of its axes: proportion, minivan, weight, tilt and italics.
Bride amount is a smooth and elegant handwritten font. Use it to add highlights to a design project.
Krisha is a large and bold all caps font by brand designer and typographer Daler Mukhiddinov. Create an imposing title for your product or project.
Leon Sans is a geometric sans serif typeface created with code from Jongmin Kim. It allows the user to dynamically change the font weight and create custom animations, effects and shapes in the Canvas element of HTML5.
scammer is a clean and assertive font, especially the bold version. Use it to add a modern minimalist style with a strong tone. Download the bold version for free. The regular version is a premium font.
Camar is a vintage art deco inspired font originally created for a set of postcards. It includes 187 glyphs for advertisements, banners, headers, logos, and branding elements.