https://github.com/barnett-yuxiang/fancy-text-formatter
Stylish Unicode text formatter with modern Apple-inspired UI. Instantly convert English text to bold, italic, serif, and sans-serif Unicode styles—perfect for social media and messaging.
https://github.com/barnett-yuxiang/fancy-text-formatter
cursor textformatter
Last synced: 7 days ago
JSON representation
Stylish Unicode text formatter with modern Apple-inspired UI. Instantly convert English text to bold, italic, serif, and sans-serif Unicode styles—perfect for social media and messaging.
- Host: GitHub
- URL: https://github.com/barnett-yuxiang/fancy-text-formatter
- Owner: barnett-yuxiang
- Created: 2025-02-04T09:06:11.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2026-02-25T11:35:25.000Z (3 months ago)
- Last Synced: 2026-02-25T15:37:54.976Z (3 months ago)
- Topics: cursor, textformatter
- Language: TypeScript
- Homepage: https://fancy-text-formatter.vercel.app
- Size: 439 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Fancy Text Formatter
[](https://codecov.io/gh/barnett-yuxiang/fancy-text-formatter)
A modern web tool to convert English text into stylish Unicode fonts (Bold Serif, Bold Sans, Italic Serif, Italic Sans) with a beautiful, Apple-inspired UI.
## Features
- Convert English letters and numbers to four stylized Unicode formats
- Preserve all other characters (Chinese, punctuation, spaces, newlines)
- One-click copy for each result, with animated feedback
- Live character count (max 2000)
- Responsive, modern, colorful UI (no external UI libraries)
## Tech Stack
- Next.js (App Router, React, TypeScript)
- Pure CSS (custom, no UI libraries)
- Unicode text transformation logic
- Deployed on Vercel
## Deployment
This project is automatically deployed on [Vercel](https://vercel.com/).
To run locally:
```bash
npm install
npm run dev
```
## Running Tests & Coverage
This project uses **Jest** with **React Testing Library** and **ts-jest** for unit testing.
- All test files are located in the `tests/` directory.
- To run tests:
```bash
npm test
```
- To run tests with coverage:
```bash
npm run test:coverage
```
- To view a detailed coverage report, open `coverage/lcov-report/index.html` in your browser after running the coverage command.
## Test Coverage
- 100% coverage for the core text transformation logic (`fancyText.ts`).
- You are encouraged to add more tests for UI components and other logic in the `tests/` directory.
---
**Author:** barnett-yuxiang