This project is a high-quality online SVG font generator. It allows you to convert any text into SVG vector graphics, suitable for web design, logo creation, laser engraving, and more.
- Google Fonts selection and search
- Support for font variants, size, stroke, fill, and other parameters
- Real-time SVG preview and code export
- One-click copy SVG/TSX code, download SVG/DXF files
- Recommended common Logo fonts and text fonts
- Bookmark functionality
- Rich external tool recommendations and direct GitHub repository links
-
Clone this repo
git clone https://github.com/JiuRanYa/text-to-svg.git cd text-to-svg -
Install dependencies
pnpm install
-
Start dev server
pnpm dev # or yarn dev / npm run dev -
Visit local
Open your browser and visit http://localhost:3000
- Next.js
- React
- @svgr/core (Server-side SVG to TSX)
- makerjs (SVG/DXF generation)
- opentype.js (Font parsing)
- lucide-react (Icons)
- shadcn/ui (UI components)
- See package.json for others
- This project is based on Next.js 15+ App Router architecture, supporting SSR/SSG.
- Recommended deployment on Vercel, Netlify, or self-hosted.
- Production environment is recommended to configure your own Google Fonts API Key.
MIT