A React application that demonstrates how replacing normal spaces with various Unicode whitespace characters can potentially evade AI content detection tools.
- Text Input: Manual text entry with real-time statistics (word count, character count, spaces)
- Unicode Spacing: Replace standard spaces with various Unicode whitespace characters
- Custom Combinations: Create custom spacing patterns by combining different Unicode characters
- Text Transformation: View how your text looks with different spacing types
- Copy to Clipboard: Easy copying of transformed text
- PDF Upload: Drag & drop or click to upload PDF files
- Text Extraction: Automatically extract text content from PDF documents
- File Validation: Supports PDFs up to 10MB with automatic validation
- Metadata Display: Shows PDF information (title, author, pages, etc.)
- Seamless Integration: Extracted text automatically populates the text input area
- Em Space (U+2003): Wide spacing between characters
- En Space (U+2002): Mid-range spacing
- Thin Space (U+2009): Slightly narrower spacing
- Hair Space (U+200A): Very thin spacing
- Narrow No-Break (U+202F): Prevents line breaks with tight spacing
- Zero Width Space (U+200B): Creates word breaks without visible space
- Word Joiner (U+2060): Prevents word breaks without adding width
- Custom Combinations: Mix and match different spacing types
- Node.js (v16 or higher)
- npm or yarn
-
Clone the repository:
git clone <repository-url> cd humanizer
-
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open your browser and navigate to
http://localhost:3000
npm run build- Type or paste your text in the "Text Input" area
- Use the "Quick Copy" buttons to copy text with different spacing types
- Create custom spacing combinations using the "Custom Unicode Spacing" section
- Upload a PDF file by dragging and dropping or clicking the upload area
- The app will automatically extract text from the PDF
- Extracted text appears in the text input area with a "From PDF" badge
- View PDF metadata (title, author, pages, etc.)
- Apply Unicode spacing transformations to the extracted text
- Select spacing types from the dropdown
- Click "Add" to create custom combinations
- View the combined effect in the "Custom Spacing Output" section
- Copy the custom-spaced text to your clipboard
- Frontend: React 18 with Vite build tool
- Styling: Custom CSS with responsive design
- PDF Processing: pdf-parse library for text extraction
- State Management: React hooks for local state
- Error Handling: Comprehensive error handling with user-friendly messages
src/
├── components/
│ └── PDFUpload.jsx # PDF upload and processing component
├── utils/
│ ├── textUtils.js # Unicode spacing and text transformation utilities
│ └── pdfUtils.js # PDF handling utilities
├── App.jsx # Main application component
├── main.jsx # React entry point
└── index.css # Global styles
- React: UI library
- pdf-parse: PDF text extraction
- Vite: Build tool and development server
- Transform articles, essays, or blog posts
- Test different spacing patterns for readability
- Create unique text variations
- Process research papers and documents
- Analyze text with different spacing configurations
- Study Unicode character effects on text
- Test AI content detection systems
- Experiment with text transformation techniques
- Learn about Unicode whitespace characters
- Local Processing: All PDF processing happens in the browser
- No Data Upload: Files are not sent to external servers
- File Size Limits: PDF files limited to 10MB for performance
- File Validation: Automatic validation of PDF file types
- Chrome (recommended)
- Firefox
- Safari
- Edge
- Fork the repository
- Create a feature branch
- Make your changes
- Test thoroughly
- Submit a pull request
MIT License - see LICENSE file for details
This tool is for educational and research purposes only. Users are responsible for complying with applicable laws and terms of service when using this application.