Google Fonts
Website·Design & DevelopmentGoogle Fonts is Google's font collection served at fonts.google.com, distributed mostly under the SIL Open Font License, with some fonts under Apache 2 and the Ubuntu Font License.
Find Fonts
Good to know: Free-use terms vary by tool and plan. When a card lists no tool-specific limit, check quotas, watermarks and export terms on the official page.
Google Fonts is Google's font collection served at fonts.google.com, distributed mostly under the SIL Open Font License, with some fonts under Apache 2 and the Ubuntu Font License.
Find Fonts
Google Sites is a Google tool, integrated with Google Workspace, for building team, project and event sites with drag and drop and no code.
Build a Website Without Code
Leonardo is an open source Adobe color tool that generates color scales and adaptive themes from a target contrast ratio, treating accessibility as a starting point.
Create a Color Palette
LottieFiles is a motion design platform with a library of more than 800,000 free and premium ready-made animations, a web-based Lottie Creator editor and Lottie and dotLottie formats.
3D Design and Web Animation
Mobbin is a design reference library of mobile and web app screens, end-to-end flows such as onboarding and checkout, interface patterns and website sections; a free account gives limited access.
Design Inspiration
PageSpeed Insights analyzes a page address for mobile and desktop and shows real-user field data together with Lighthouse lab data.
Website Speed and Accessibility Test
Penpot is an open-source design platform for interface design, wireframes and interactive prototypes; you can use it in the cloud or install it on your own server, and it works with open standards such as SVG, CSS, HTML and JSON.
UI Design and Prototyping
Phosphor Icons is an MIT-licensed icon family for interfaces, diagrams and presentations, with 1,248 icons and six weights (thin, light, regular, bold, fill, duotone).
Find Icons
Placeit is Envato’s web-based design tool offering mockups for apparel, digital devices, print and print-on-demand products, plus a logo maker, design templates and video tools; unlimited downloads come with a subscription.
Create Mockups
Rotato is a mockup generator that places your own app or web design on the screens of more than 30 ready-made 3D devices and turns it into an animated video or image; it has a macOS app and a public-beta web version.
Create Mockups
Good to know: Requires desktop installation.
Shots.so is a web-based mockup app that turns product screenshots into presentation images or short videos with device frames, backgrounds and animated motion.
Create Mockups
Squarespace is a platform for building a website without code, using templates, a drag-and-drop editor and an AI site builder, with hosting, domains and commerce tools in one place.
Build a Website Without Code
Sublime Text is a paid text editor from Sublime HQ for Windows, macOS and Linux that emphasizes performance for code, markup and prose, with plugin support through a Python 3.8 API.
Code Editors
Good to know: Requires desktop installation.
Uizard is an AI-assisted interface design tool that generates multi-screen, editable prototypes from a text prompt and turns screenshots and hand sketches into editable designs.
UI Design and Prototyping
WAVE is a WebAIM tool that marks accessibility and WCAG errors directly on a web page with icons; it is offered as an online tool and as a browser extension.
Website Speed and Accessibility Test
Webflow is a website builder that lets you design a site visually without writing code and publish it with CMS, hosting and e-commerce features.
Build a Website Without Code
WhatTheFont is MyFonts' font identification tool that searches its database for fonts resembling the text in an image and shows a list of matches with text previews.
Find Fonts