Free resources from the design community can add value to your e-commerce site. Here is a list of new web tools and design elements from the fall of 2019. There are designer and development apps, coding resources, color tools, fonts and more. All of these tools are free, but 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 company. It started as a part of # 100DayProject, where people commit to 100 days to explore their creativity. The focus of this project is how ancient symbols inform about modern brand design.
Spectrum, Adobe's new design system, contains components and tools that help product groups work efficiently and make Adobe applications cohesive. Download UIs, 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 quickly create attractive image moving elements. Load the CSS library into your project and add the element selection in combination with the style classes you select to build your custom image lift effect.
Hexometer site hygiene assistant regularly scans about 2,800 data points on your site to make sure the digital assets are working. The webmaster continuously monitors your website and informs you of problems. It also provides tips and tricks on how to improve your website's hygiene to improve your visibility and performance online. Free version scans a website once a 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 troubleshooting, testing and building using HTTP. Capture HTTPs to search, explore, and inspect. Edit queries and responses live, to test both APIs and clients. Simulate HTTP (S) errors, timeouts and failed connections. Premium Account offers in-depth error tools, validation and documentation for more than 1,400 APIs and more.
units from Facebook Design is a set of images and sketch files with popular devices. Each file comes with a bitmap for the device (with and without shadows) and the original sketch file for that device.
claro is a new online to-do list app with a distraction-free design. Just see your work week with things to do at a glance. Write to add items. To-dos not done today rolls over to the next day. Drag and drop to-dos, click to finish and drag to trash to remove. Sign up for the beta and invite friends to have a free year.
Fresh Folk is an illustration library of people and objects. Each character has a variety of poses, clothes and skin tones. Create a wide range of scenes with 43 items 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 a live web app.
Mozilla Developer Video Channel offers videos to help web designers, developers or others involved in creating websites or apps. Explore design techniques, including CSS style and a Firefox suite of web browser browsers.
8b is a free and easy website builder for creating fast, mobile optimized and Google friendly websites. 8b uses templates and is useful for those without coding experience. The free version uses the 8b.io subdomain and has ads. The premium version starts at $ 1.58 per month.
Doka.Photo is a free image editor online, run by Doka.js. Quickly edit and crop an image, apply filters, rotate, resize, flip, adjust colors and add selection.
Generator for terms and conditions for Iubenda is a tool for generating and managing a conditional document that is professional, customizable from over 100 clauses, available in eight languages, and prepared 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 with the Startup app. Choose a theme to build an e-commerce site, landing page, presentation or SaaS app.
CopyPalette is a tool for generating a consistent monochromatic color palette. Create different shades and depths of a shade and export your palette with a single click. Three main parameters help define the final palette. When satisfied, copy the last 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 enter exactly what you want for each of its axes: proportion, monospace, weight, oblique, and italics.
Bridamount is a smooth and neat handwritten font. Use it to add flare to a design project.
Krisha is a large and bold all-caps font from Daler Mukhiddinov, a brand designer and typographer. Create an impressive title for your product or project.
Leon Sans is a geometric sans-serif font with code by Jongmin Kim. It allows the user to dynamically change font weight and create custom animations, effects and shapes in the Canvas element of HTML5.
Grifter is a clean and self-adhesive 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 an art-deco-inspired vintage font, initially created for a set of postcards. It contains 187 glyphs for advertising, banners, headlines, logos and branded products.