In simple English
Wordmark helps you design a simple logo for your project without learning heavy design software. You type your brand name, pick a font from online libraries, add an icon, and change the colors. When you are happy with the look, you download the image file to use on your website. It runs in your web browser and costs nothing to use or host yourself. You only spend a few minutes making decisions about how your brand should look.
What it is
Wordmark is an open-source logo creator built with Next.js (a framework that helps build fast websites using React) and TypeScript (a programming language that adds safety checks to JavaScript). It connects to multiple font providers so you can browse thousands of open-source typefaces in one place.
What it is good for
Solo builders and small teams who need a clean, text-based logo quickly and want to avoid paying a graphic designer or wrestling with complicated vector software.
- Access to thousands of free fonts from multiple online providers in one searchable list.
- Clean user interface with dark mode support and keyboard shortcuts.
- Exports finished logos in PNG, JPEG, and SVG formats.
- Relies on external font providers staying online to fetch font files.
- Limited to text-based logos and simple icon combinations, not full brand guideline suites.
- Self-hosting requires Node.js and some command-line knowledge to set up.
Figma
Tailwind CSS
- GoogleChromeLabs/squoosh26k stars
A web page that compresses images in the browser and shows you the result before you save it.
- simple-icons/simple-icons26k stars
More than 3,400 brand logos as single-colour SVG files, released into the public domain.
- phosphor-icons/core394 stars
The raw SVG files and the catalogue for the Phosphor icon family, with no framework package attached.
git clone https://github.com/abhay-ramesh/wordmark.git cd wordmark npm install npm run dev