Head to head
Stop guessing which one. Put them side by side.
Up to 4 tools, same rows for each: what it is, what it really costs, the trap, and how to wire it up. The URL carries your picks — send it to anyone.
unDrawFontshareGoogle Fonts
| Field | unDrawundraw.co | Fontsharefontshare.com | Google Fontsfonts.google.com |
|---|---|---|---|
| What it is | Large library of flat vector illustrations under an open licence, with one defining feature: set a hex colour on the site and every illustration recolours to it before you download it as SVG or PNG. No account needed and no attribution required, including in commercial and paid products. | Free font service from the Indian Type Foundry offering a small, tightly curated set of contemporary families — Satoshi, General Sans, Clash Display, Cabinet Grotesk and similar — many with variable versions. Serve from their CDN or download the files and self-host. | Library of open-source typefaces, almost all under the SIL Open Font License 1.1 with a handful under Apache 2.0. Serve them from Google's CDN, self-host the files, or bundle them into a native app. Includes variable fonts and the Material Symbols icon set. |
| Category | Design tools, color & type | Design tools, color & type | Design tools, color & type |
| Cost tier | free | free | free |
| Pricing | Free | Free | Free |
| Why builders pick it | Fills an empty state, a 404 page or a marketing hero in about a minute, already matching your brand colour. The licence is genuinely permissive, so there is nothing to track in an attributions file. | The quickest way to stop looking like every other Google Fonts site. A handful of these faces read as expensive typography while costing nothing, which is exactly the trade a solo builder wants. | Zero-cost, zero-friction type that is legally safe in commercial products, including ones you sell. Self-hosting a subset via Fontsource or next/font also kills a render-blocking third-party request. |
| Watch out for | The licence forbids redistributing the assets as a pack, building a competing library from them, bulk scraping, and using them to train AI or ML models. The house style is also instantly recognisable — recolouring helps, but a whole site of unDraw reads as a template. | The ITF licence covers personal and commercial use and embedding in sites and apps, but you may not resell or redistribute the font files themselves. Check the terms per family — some are free cuts of larger paid families. | Serving from Google's CDN sends visitor IP addresses to Google, which a German court ruled a GDPR violation — self-host the files if you have EU traffic. The OFL also bars selling the font files on their own and reserves certain names for modified versions. |
| How to wire it up | not logged | not logged | npm i @fontsource/inter, or import from next/font/google |
| Editor's pick | No | No | No |
Which one did you ship?
The grid says what these tools are. This says what builders did about it — one decision per person, changeable whenever you change your mind.
0/280Sign in to add yours.
Or try
Hand this to your Lovable agent
# Tool comparison — unDraw vs Fontshare vs Google Fonts Source: Kbaise, a directory of tools that work with Lovable projects. Pick one and tell me why before writing any integration code. ## unDraw (undraw) - URL: https://undraw.co - Category: Design tools, color & type - Cost: free — Free - What it is: Large library of flat vector illustrations under an open licence, with one defining feature: set a hex colour on the site and every illustration recolours to it before you download it as SVG or PNG. No account needed and no attribution required, including in commercial and paid products. - Why builders pick it: Fills an empty state, a 404 page or a marketing hero in about a minute, already matching your brand colour. The licence is genuinely permissive, so there is nothing to track in an attributions file. - Trap: The licence forbids redistributing the assets as a pack, building a competing library from them, bulk scraping, and using them to train AI or ML models. The house style is also instantly recognisable — recolouring helps, but a whole site of unDraw reads as a template. - Full dossier: /api/public/tools/undraw ## Fontshare (fontshare) - URL: https://www.fontshare.com - Category: Design tools, color & type - Cost: free — Free - What it is: Free font service from the Indian Type Foundry offering a small, tightly curated set of contemporary families — Satoshi, General Sans, Clash Display, Cabinet Grotesk and similar — many with variable versions. Serve from their CDN or download the files and self-host. - Why builders pick it: The quickest way to stop looking like every other Google Fonts site. A handful of these faces read as expensive typography while costing nothing, which is exactly the trade a solo builder wants. - Trap: The ITF licence covers personal and commercial use and embedding in sites and apps, but you may not resell or redistribute the font files themselves. Check the terms per family — some are free cuts of larger paid families. - Full dossier: /api/public/tools/fontshare ## Google Fonts (google-fonts) - URL: https://fonts.google.com - Category: Design tools, color & type - Cost: free — Free - What it is: Library of open-source typefaces, almost all under the SIL Open Font License 1.1 with a handful under Apache 2.0. Serve them from Google's CDN, self-host the files, or bundle them into a native app. Includes variable fonts and the Material Symbols icon set. - Why builders pick it: Zero-cost, zero-friction type that is legally safe in commercial products, including ones you sell. Self-hosting a subset via Fontsource or next/font also kills a render-blocking third-party request. - Trap: Serving from Google's CDN sends visitor IP addresses to Google, which a German court ruled a GDPR violation — self-host the files if you have EU traffic. The OFL also bars selling the font files on their own and reserves certain names for modified versions. - Wiring: npm i @fontsource/inter, or import from next/font/google - Full dossier: /api/public/tools/google-fonts ## Rules 1. Prefer the free tier when no budget was stated, and say what the ceiling is. 2. Read the full dossier before integrating. 3. Fetch /api/public/models before writing any AI model ID.
Agents can fetch the same thing: GET /api/public/compare?slugs=undraw,fontshare,google-fonts