https://github.com/tomshaw/fontastic
Fontastic is an Electron-based font management and cataloging app for organizing, browsing, and inspecting font libraries.
https://github.com/tomshaw/fontastic
angular electron fontkit typeorm typescript
Last synced: 22 days ago
JSON representation
Fontastic is an Electron-based font management and cataloging app for organizing, browsing, and inspecting font libraries.
- Host: GitHub
- URL: https://github.com/tomshaw/fontastic
- Owner: tomshaw
- License: mit
- Created: 2023-03-07T13:33:43.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2026-03-09T01:02:48.000Z (25 days ago)
- Last Synced: 2026-03-09T04:22:20.848Z (25 days ago)
- Topics: angular, electron, fontkit, typeorm, typescript
- Language: TypeScript
- Homepage:
- Size: 14.4 MB
- Stars: 10
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE.md
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Fontastic
[](https://angular.dev)
[](https://electronjs.org)
[](https://www.typescriptlang.org)
[](LICENSE.md)
[](http://makeapullrequest.com)
[![Linux Build][linux-build-badge]][linux-build]
[![MacOS Build][macos-build-badge]][macos-build]
[![Windows Build][windows-build-badge]][windows-build]
[](https://github.com/tomshaw/fontastic/stargazers)
[](https://github.com/tomshaw/fontastic/watchers)
Fontastic is an Electron-based font management and cataloging application built for organizing, browsing, and inspecting font libraries.
## Features
- Nested collections — organize fonts into hierarchical groups with drag-and-drop
- Smart collections — auto-populate collections using rule-based filters on font metadata
- Advanced search — quickly find fonts with powerful search and filtering
- Glyph inspector — browse and examine individual characters and Unicode points
- Waterfall preview — compare text rendering across multiple sizes at a glance
- Font table viewer — read raw OpenType and TrueType metadata tables
- Cross-platform — builds for Windows, macOS, and Linux
## Getting Started
*Clone this repository locally:*
``` bash
git clone https://github.com/tomshaw/fontastic.git
```
Install dependencies with npm:
``` bash
npm install
```
Run the application in development mode:
``` bash
npm start
```
## Tech Stack
| Category | Technology |
|---|---|
| Framework | [Angular](https://angular.dev) 21 |
| Desktop | [Electron](https://electronjs.org) 40 |
| Language | [TypeScript](https://www.typescriptlang.org) 5.9 |
| Database | [TypeORM](https://typeorm.io) + SQLite |
| Font Parsing | [Fontkit](https://github.com/foliojs/fontkit) |
| Styling | [Tailwind CSS](https://tailwindcss.com) 4 + SCSS |
| i18n | [@ngx-translate](https://github.com/ngx-translate/core) |
| Testing | [Vitest](https://vitest.dev) + [Playwright](https://playwright.dev) |
| Linting | [ESLint](https://eslint.org) + [Prettier](https://prettier.io) |
| Packaging | [electron-builder](https://www.electron.build) |
## Requirements
- Node.js >= 22.12.0
## Resources
Need free fonts for testing?
+ [IBM Plex](https://github.com/IBM/plex) - IBM's corporate typeface family.
+ [Inter](https://github.com/rsms/inter) - A typeface designed for computer screens.
+ [Type Wolf](https://www.typewolf.com/google-fonts) - Typography resource for designers.
+ [Font Squirrel](https://www.fontsquirrel.com/) - Hand-picked, high-quality, commercial-use fonts.
+ [Google Fonts](https://github.com/google/fonts) - Download all Google Fonts.
## Contributing
See the [Contribution Guide](CONTRIBUTING.md).
## License
Fontastic is open-sourced software licensed under the [MIT license](https://opensource.org/licenses/MIT).
[repo]: https://github.com/tomshaw/fontastic
[linux-build-badge]: https://github.com/tomshaw/fontastic/workflows/Linux%20Build/badge.svg
[linux-build]: https://github.com/tomshaw/fontastic/actions?query=workflow%3A%22Linux+Build%22
[macos-build-badge]: https://github.com/tomshaw/fontastic/workflows/MacOS%20Build/badge.svg
[macos-build]: https://github.com/tomshaw/fontastic/actions?query=workflow%3A%22MacOS+Build%22
[windows-build-badge]: https://github.com/tomshaw/fontastic/workflows/Windows%20Build/badge.svg
[windows-build]: https://github.com/tomshaw/fontastic/actions?query=workflow%3A%22Windows+Build%22