Professional Web-Based Bitmap Font Generator

Web App • Documentation • 简体中文

SnowBamboo BMF is a free, open-source bitmap font generator for game developers and digital creators. Create, edit, and export professional bitmap fonts directly in your browser—no installation, no registration, no cloud uploads.

Try it now at snowb.org

• Zero Setup - Start creating in seconds with no installation required
• True Cross-Platform - Works identically on Windows, Mac, Linux, ChromeOS
• Privacy-First - 100% local processing, no tracking, no cloud uploads
• Production-Ready - Advanced packing algorithms reduce texture memory by 30-50%
• Full Compatibility - Native support for Unity, Unreal, Godot, Cocos2d, Phaser, PixiJS
• Legacy Support - Import from Littera migrate existing projects seamlessly

• Real-time Preview - Visual feedback as you edit
• Advanced Typography - Kerning pairs, letter spacing, baseline adjustment
• Professional Effects - Gradients (linear/radial), multi-layer shadows, custom strokes
• Custom Glyphs - Import images for icons and special characters
• Flexible Input - Unicode blocks, custom sets
• Interactive Canvas - Precise control via mouse and keyboard

Import - .sbf, .ltr, TTF/OTF/WOFF

Export - AngelCode format BMFont Text/XML, .fnt binary, PNG atlases

Native support for all major engines: Unity (TextMesh Pro/legacy), Unreal Engine (Slate/UMG), Godot, Cocos2d/Creator, Phaser 3/PixiJS, and custom engines via standard BMFont format.

• Optimized Rendering - React 19 with Canvas API and Web Workers for heavy computation
• Smart Packing - MaxRects, Guillotine, and Shelf algorithms via worker pool
• Progressive Web App - Works offline with automatic updates
• Type-Safe - Full TypeScript with strict mode, reactive MobX state management

• Node.js 18+ and Yarn package manager

# Clone the repository
git clone https://github.com/SilenceLeo/snowb-bmf.git
cd snowb-bmf

# Install dependencies
yarn install

# Start development server
yarn start

The application will be available at http://localhost:3000

# Build the application
yarn build

# Preview production build
yarn preview

# Development
yarn start                    # Start Vite dev server (port 3000)
yarn test                     # Run Vitest tests

# Code Quality
yarn lint                     # Run ESLint
yarn lint:fix                 # Auto-fix linting issues
yarn lint:check               # Check with zero warnings
yarn format                   # Format with Prettier

# Build & Deploy
yarn build                    # Build production bundle
yarn build:all                # Complete build pipeline (app + docs + sitemap)
yarn preview                  # Preview production build locally
yarn deploy                   # Deploy to GitHub Pages

# Utilities
yarn pb                       # Generate Protocol Buffer definitions
yarn find-unused              # Find unused files
yarn find-unused:cleanup      # Remove unused files

See CLAUDE.md for detailed development patterns including:

• State management with MobX 6
• Protocol Buffer schema versioning
• Canvas operations and utilities
• Performance optimization strategies
• Code quality standards (linting, formatting, testing)

This project is licensed under the MIT License - see the LICENSE file for details.