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 spring 2020. 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
Image Compare is a lightweight slider to compare before and after images.
Image Compare
Pattern.css is a CSS-only library to fill your empty background with attractive patterns.
SnapFont is a browser extension that makes it easy to test any font on any website. With nearly 1,000 fonts available, preview any Google font instantly.
SaaSforCovid.com is a crowdsourced list of SaaS products offered for free or with a Covid-19 discount.
Brandfetch is a helpful tool to pull brand assets into Adobe XD. Simply enter a URL and retrieve the corresponding asset straight into Adobe XD.
Brandfetch
GitKraken Timelines is a free web app to show major project milestones on a continuous timeline. Each milestone flag highlights primary goals and when it is scheduled to occur.
Virtual Events for Developers is a list of virtual events to grow your skills as a developer, contribute to interesting projects, and meet like-minded developers around the world. It is from Arc() (formerly, Codementor), a global community of 500,000-plus developers.
StockSolo is a tool to access free pictures inside Adobe Photoshop, Illustrator, InDesign, and XD. Download 3.2 million photos from Unsplash, Pexels, and Pixabay.
Screen Recorder is a minimal, ad-free screen recorder that runs in your browser. There are no signups and no recording limits. Zero data is uploaded and processed on a server.
Screen Recorder
Shorthand is a free and open-source CSS framework to create unique and modern designs without writing any CSS. The lite version contains only gray shades, and the full version has 16 colors with seven variations of each.
Boardist.io is a web app for collaborative project boards. Organize projects, materials, and tasks. Access Kanban planner, productivity reports, Pomodoro times, and more. Free for up to three boards and 100 MB of storage.
Tabler Icons is a free set of over 450 free, MIT-licensed SVG icons to use in your web projects.
Animockup is an open-source design tool to make animated GIFs and videos to showcase your products. Use it for social media, Dribbble, landing pages, and more.
Reflect is an automated web testing tool that anyone can use. Reflect does not require installation. Creating a test is as simple as entering a URL and using your site. When tests fail, you’ll be notified automatically with a video reproducing the bug. Free for up to three users and 25 test runs.
Reflect
Free Fonts
Ephemera is a unique and bold display font, inspired by ephemera (i.e., temporary printed material) from the printing tradition, encapsulating both serif and blackletter letterforms.
Ephemera
—
Douce Mortem is a versatile typeface with a modern aesthetic to enhance your texture.
Douce Mortem
—
Joplin is a unique display typeface, created by layering two fonts for a screen-printing effect.
Joplin
—
Rosseville is a script font to make text stand out. It’s useful for logos, headers, and quotes.
Rosseville
—
Vinson is a free rounded font based on the Roboto typeface family. It’s a comfortable, friendly font with many uses.
Vinson
—
Thunder Bold Inline is a vintage style display font for headers or brand identity.
Thunder Bold Inline