The Free Edit

Extended description coming soon.

Extended description coming soon.

Fontanello is a font-identifier browser extension. Right-click any text to learn the font, weight, size, spacing, and more. WhatFont and FontNinja are similar, but display less details.

Fontanello is compatible with Chrome, Firefox, Edge, and iOS.

Extended description coming soon.

Extended description coming soon.

Google Fonts powers the majority of web font usage across the internet. Of all the websites using a web font service, over 56% of those sites pull from the Google Fonts library. So, even though you see these fonts regularly, there’s a reason for it – they’re easy to browse, easy to embed, and best of all, completely free.

Extended description coming soon.

Extended description coming soon.

Extended description coming soon.

Indie iconography by Cole Bemis. Completely free to access and free to use.

Font Awesome is the most widely adopted icon library on the web. When the Font Awesome library was completely reworked in 2017, it became and remains the most-backed software Kickstarter of all time. The free tier covers a wide range of useful icons, and is free to implement as long as you preserve the attributions that come embedded in the icons.

Open-source SVG icons from the team behind Tailwind CSS.

See also: Hero Patterns

Over 9,000 icons by Tobias Fried and Helena Zhang. Free to use, but they accept donations. They also accept requests, if you need a specific icon that you don’t already see in the collection.

Zhang has written extensively on iconography creation and usage. Her Medium that is very worth reading.

A free tool by Visual (formerly designstripe) to create and generate CSS for gradient elements. The site also features blog posts with great gradient examples and best practices.

Backgrounds for websites by Canadian UI designer Steve Schoger, who says “Hero Patterns will always be updating and will always be free.”

See also: Heroicons

Just sketched a layout, thought “ugh, I don’t feel like writing this flexbox code,” and instead put the layout into layoutit.com/grid. It gave me all the CSS grid code I needed as well as markup. Worked on the first try. Mind. Blown. — @rob_dodson

Neumorphism design is most popular on mobile apps, but any modern minimalistic website could benefit from this soft UI element generator. Created by Adam Giebl of uiverse.io (an even bigger, equally free UI library).

Affinity is a free layout mockup, vector graphic, and photo editing tool for individual users and creators. For a free tool, it has incredibly robust design offerings, but the AI-driven generative fill features and batch editing capabilities are still significantly behind Adobe. If you’re a diehard Adobe user, the learning curve to a new tool can be daunting, but it might be worth it if Affinity keeps improving and maintains such a broad free tier.

Excalidraw stands out as a whiteboarding app because it requires little-to-no onboarding and it works seamlessly with so many other products. It’s simple, intuitive, and collaborative. If you like to doodle and take notes as part of your process, it’s worth trying this one out.

Figma has a very decent free offering for new users, allowing interested parties to explore the platform and access some of the best features. This offering, along with other intuitive features, kicked the design industry out of its Adobe-centric orbit that it had been stuck in for ages. In 2022, Adobe announced their intent to acquire Figma, but cancelled it in 2023, which indicates that Figma will continue their free tier to set themselves apart and continue to rise as the default layout tool.

Penpot is a free web-based design and layout tool with a focus on flexibility, collaboration, and accessibility. The logic behind Penpot has been to create tools that designers will use and love but that will be equally embraced by their developer counterparts, too. It’s an open-source alternative to Figma, trying to offer more flexibility, customization and self-hosting than other options on the market.

Extended description coming soon.

Extended description coming soon.

Extended description coming soon.

Extended description coming soon.

Extended description coming soon.

Extended description coming soon.

Extended description coming soon.

Extended description coming soon.

Extended description coming soon.

Extended description coming soon.

Extended description coming soon.

Extended description coming soon.

Extended description coming soon.

Extended description coming soon.

Extended description coming soon.

Extended description coming soon.

Extended description coming soon.

Extended description coming soon.

Extended description coming soon.