Free resources from the design community can add value to your ecommerce site. Here is a list of new web tools and design elements from fall 2019. There are designer and developer apps, coding resources, color tools, fonts, and more. All of these tools are free, though some also offer premium versions.
Free Design Tools
Art of Symbols is an exploration of symbols from the design team at Emotive Brand, a consulting firm. It began as part of the #100DayProject, in which people commit to 100 days for exploring their creativity. The focus of this project is on how ancient symbols inform contemporary brand design.
Art of Symbols
Lordicon offers a set of 50 free animated icons to add design to a website. The icons are scalable, customizable, and supported by Lottie, a React JavaScript library for Android and iOS. The full set includes over 500 icons, with free updates, for $99.
Spectrum, Adobe’s new design system, provides components and tools to help product teams work efficiently and make Adobe’s applications cohesive. Download user-interface kits, Spectrum font families, and consistent icons. Use Spectrum CSS, an open-source implementation of Adobe’s design system.
Izmir is a free mini CSS library to create attractive, image-hover elements quickly. Load the CSS library into your project, and add the element markup combined with the style classes of your choice to build your custom image hover effect.
Izmir Hover Effects
Hexometer Website Hygiene Attendant periodically scans roughly 2,800 data points on your website to make sure the digital assets are working. The attendant continuously checks your site and informs you of problems. It also provides tips and tricks on how to improve your website’s hygiene to improve your online visibility and performance. Free version scans one site once per week. Paid versions start at $8.25 per month.
HTTP Mock is the latest tool in HTTP Toolkit, a suite of open-source tools 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 failed connections. Premium account offers in-depth bugging tools, validation, and documentation for more than 1,400 APIs and more.
Devices from Facebook Design is a set of images and Sketch files of popular devices. Each file comes with a bitmap of the device (with and without shadows) and the original Sketch file for that device.
Facebook Design – Devices
Claro is a new online to-do list app with a distraction-free design. See only your workweek with things to do at a glance. Type to add items. To-dos not done today roll over to the next day. Drag and drop to-dos, click to complete, and drag to the bin to delete. Sign up for the beta and invite friends to get a free year.
Fresh Folk is an illustration library 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 prefab tool for building custom apps. Prefab apps combine drag-and-drop editors with customizable open-source components. Use an existing library of prefab components or create your own. Free account offers one live web app.
Fliplet
Mozilla developer video channel offers videos to help web designers, developers, or others involved with making websites or apps. Explore design technologies, including CSS style and a Firefox series on browser tools for web professionals.
Quark is a software tool to help create projects written in HTML, CSS, and JavaScript with native desktop app-like capabilities. Quark is built on top of the Electron framework. Built with simplicity in mind, Quark is easy to learn and accessible to anyone with basic programming skills.
8b is a free and simple online website builder to create fast, mobile-optimized, and Google-friendly websites. 8b uses templates and is helpful for those with no coding experience. The free version uses 8b.io subdomain and has ads. The premium version starts at $1.58 per month.
8b
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 terms-and-conditions document that is professional, customizable from over 100 clauses, available in eight languages, and drafted 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. Choose a theme to build an ecommerce website, landing page, presentation, or SaaS app.
CopyPalette is a tool to generate a consistent monochromatic color palette. Create different shades and depths of a hue and export your palette in a single click. Three main parameters help define the final palette. When satisfied, copy the final SVG palette and paste it into your favorite design tool.
CopyPalette
Free Fonts
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, monospace, weight, slant, and italic.
Recursive
—
Bridamount is a smooth and stylish handwritten font. Use it to add flare to a design project.
Bridamount
—
Krisha is a big and bold all-caps font from Daler Mukhiddinov, a branding designer and typographer. Create an imposing title for your product or project.
Krisha
—
Leon Sans is a geometric sans-serif typeface made with code by Jongmin Kim. It allows the user to change font weight dynamically and to create custom animations, effects, and shapes in the Canvas element of HTML5.
Leon Sans
—
Grifter 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.
Grifter
—
Camar is an art-deco-inspired vintage font, created initially for a set of postcards. It includes 187 glyphs for commercials, banners, headers, logos, and branding pieces.
Camar.
