hub / github.com/JiuRanYa/text-to-svg
github.com/JiuRanYa/text-to-svg @main
Chat with this repo
77 symbols
191 edges
38 files
0 documented · 0%
1 cross-repo links
● updated 9mo ago★ 241
What it actually does AI analysis from the code graph — generated when you open this
loading…
README
Text to SVG Online Converter
Introduction
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.
Features
- 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
Stackblitz
Local Development
- Clone this repo
bash
git clone https://github.com/JiuRanYa/text-to-svg.git
cd text-to-svg
- Install dependencies
bash
pnpm install
- Start dev server
bash
pnpm dev
# or yarn dev / npm run dev
- Visit local
Open your browser and visit http://localhost:3000
Dependencies
- 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
Development & Deploy
- 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.
Thanks
License
MIT
Extension points exported contracts — how you extend this code
Path (Interface)
(no doc)
opentype.d.ts
Language (Interface)
(no doc)
core/i18n/config.ts
LLMsConfig (Interface)
(no doc)
app/llms.txt/route.ts
RootLayoutProps (Interface)
(no doc)
app/[locale]/layout.tsx
Font (Interface)
(no doc)
opentype.d.ts
InnerPageLayoutProps (Interface)
(no doc)
app/[locale]/_components/InnerPageLayout.tsx
GoogleFontItem (Interface)
(no doc)
app/[locale]/_components/GoogleFontSelector.tsx
GoogleFontSelectorProps (Interface)
(no doc)
app/[locale]/_components/GoogleFontSelector.tsx
Core symbols most depended-on inside this repo
cn
called by 32
core/lib/utils.ts
renderSettings
called by 2
app/[locale]/page.tsx
toggleLanguage
called by 2
app/[locale]/_components/language-switch.tsx
generateLLMsContent
called by 1
app/llms.txt/route.ts
generateAnimationCSS
called by 1
app/[locale]/page.tsx
renderAnimationSettings
called by 1
app/[locale]/page.tsx
switchLocale
called by 1
app/[locale]/_components/LanguageSwitcher.tsx
getPath
called by 0
opentype.d.ts
Shape
Languages
TypeScript100%
Modules by API surface
core/ui/dropdown-menu.tsx15 symbols
core/ui/sheet.tsx10 symbols
core/ui/select.tsx10 symbols
app/[locale]/page.tsx5 symbols
opentype.d.ts3 symbols
app/llms.txt/route.ts3 symbols
app/[locale]/layout.tsx3 symbols
app/[locale]/_components/GoogleFontSelector.tsx3 symbols
core/ui/scroll-area.tsx2 symbols
app/[locale]/_components/language-switch.tsx2 symbols
app/[locale]/_components/LanguageSwitcher.tsx2 symbols
app/[locale]/_components/InnerPageLayout.tsx2 symbols
Used by 1 indexed graphs manifest dependencies, hub-wide
For agents
$ claude mcp add text-to-svg \
-- python -m otcore.mcp_server <graph>