Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

77 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Hexa Logo

Hexa ✨

The Ultimate Modern Text Editor

GitHub Pages JavaScript TailwindCSS Alpine.js

A powerful, responsive text editor built with cutting-edge web technologies. Experience seamless writing with advanced features, smart compression, AI integration, and comprehensive developer tools.


🎯 Core Features

✍️ Advanced Text Editor

  • πŸŒ™ Smart Theme System: Instant dark/light mode switching with zero flicker
  • 🎯 Focus Mode: Distraction-free writing environment
  • πŸ“ Enhanced Line Numbers: Visual reference with syntax highlighting
  • πŸ–±οΈ Drag & Drop: Multi-format file support up to 10MB
  • πŸ“± Mobile-First Design: Fully responsive across all devices
  • ⚑ Performance Optimized: Handles 100k+ characters smoothly

πŸ“Š Intelligent Text Analysis

flowchart TD
    A[Text Input] --> B[Analysis Engine]
    B --> C[Statistics]
    B --> D[Readability]
    B --> E[Sentiment]
    B --> F[Syntax Detection]
    
    C --> C1[Characters]
    C --> C2[Words]
    C --> C3[Reading Time]
    
    D --> D1[Flesch Score]
    D --> D2[Content Quality]
    
    E --> E1[Emotion Tone]
    E --> E2[AI Analysis]
    
    F --> F1[HTML/CSS/JS]
    F --> F2[Python/JSON]
    F --> F3[Markdown/XML]
Loading
  • πŸ“ˆ Real-time Statistics: Characters, words, lines, sentences, paragraphs
  • ⏱️ Reading Time: Accurate estimation based on 200 WPM
  • πŸ“– Readability Score: Flesch Reading Ease analysis
  • πŸ” Syntax Detection: Support for 8+ programming languages
  • πŸ“ Word Frequency Analysis: Most common words extraction
  • 😊 Sentiment Analysis: Emotional tone detection with AI

πŸ› οΈ Powerful Text Tools

Feature Description Hotkey
πŸ”€ Text Formatting UPPERCASE, lowercase, Title Case, Sentence case -
🧹 Smart Cleaning Remove extra spaces, normalize line breaks -
πŸ” Find & Replace Advanced search with regex support -
β†Ά Undo/Redo 50-state history tracking Ctrl+Z/Ctrl+Y
🎨 Autocomplete Context-aware code suggestions -
πŸ“‹ Smart Select Word/line/paragraph selection -

⏰ Writing Session Tracking

  • ⏱️ Active Timer: Tracks real writing time (pauses during inactivity)
  • πŸ“Š Daily Statistics: Words written and time spent today
  • πŸ“ˆ Session History: Long-term productivity tracking with graphs
  • 🎯 Goal Setting: Customizable daily/weekly writing goals
  • πŸ† Achievement System: Milestone rewards and progress badges

πŸš€ Advanced Features

πŸ’Ύ Smart Compression System

flowchart TD
    A[Text Input] --> B{Size Check}
    B -->|Small < 1k| C[Traditional URL]
    B -->|Large > 1k| D[SmartCompress]
    
    D --> E[Strategy Test]
    E --> F[LU: LZ URI-safe]
    E --> G[LB: LZ + Base64]
    E --> H[W1: Dictionary + LZ]
    
    F --> I[Best Strategy]
    G --> I
    H --> I
    
    I --> J[Compressed URL]
    J --> K[Share Link]
Loading

SmartCompress Technology:

  • πŸ”— 5-10x Compression: Revolutionary text compression for URLs
  • 🧠 Adaptive Strategies: AI-driven strategy selection (lu, lb, w1)
  • πŸ“Š Real-time Analysis: Compression statistics and performance metrics
  • πŸ”„ Backward Compatible: Legacy links continue working
  • πŸ“ˆ Learning System: Improves compression over time with telemetry

πŸ”§ Developer Tools

🐍 Python Execution

Execute Python code directly in your browser:

# Example: Fibonacci sequence
def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n-1) + fibonacci(n-2)

print([fibonacci(i) for i in range(10)])
# Output: [0, 1, 1, 2, 3, 5, 8, 13, 21, 34]

✨ Multi-Language Code Beautifier

Language Features
πŸ“„ HTML Tag indentation, attribute formatting
🎨 CSS Rule organization, property alignment
⚑ JavaScript Function spacing, bracket alignment
🐍 Python PEP8 compliance, indentation validation
πŸ“‹ JSON Syntax validation, key sorting
πŸ”§ XML Hierarchical structure, namespace handling

πŸ—œοΈ Code Optimization Suite

  • Minification: JS, CSS, HTML compression
  • Validation: Syntax checking with suggestions
  • Template Generation: Boilerplate code for multiple languages
  • Lua Processing: Advanced obfuscation and formatting

🌐 Web Utilities Arsenal

graph LR
    A[Input Text] --> B[Encryption]
    A --> C[Formatting]
    A --> D[Processing]
    A --> E[Conversion]
    
    B --> B1[MD5/SHA-256]
    B --> B2[Base64 Encode/Decode]
    B --> B3[URL Encode/Decode]
    
    C --> C1[Discord Format]
    C --> C2[Unicode Normalize]
    C --> C3[Case Conversion]
    
    D --> D1[Regex Testing]
    D --> D2[Hashtag Extract]
    D --> D3[Mention Extract]
    
    E --> E1[CSV ↔ JSON]
    E --> E2[Date ↔ Epoch]
    E --> E3[JWT Decode]
Loading

πŸ€– AI Integration

Note: AI features require Puter.js authentication for full functionality

AI-Powered Features:

  • 🧠 Smart Summarization: Intelligent content condensation
  • πŸ”„ Code Conversion: Transform between programming languages
  • ✨ Text Enhancement: Grammar, style, and tone improvements
  • 🌐 Translation: Multi-language support with context awareness
  • πŸ“– Documentation: Automatic code documentation generation
  • πŸ’¬ Interactive Chat: AI assistant for writing and coding help

πŸ“± Mobile Excellence

Responsive Design

  • πŸ“± Mobile: ≀768px (touch-optimized)
  • πŸ“‹ Tablet: 769px-1024px (hybrid interface)
  • πŸ–₯️ Desktop: β‰₯1025px (full features)
  • πŸ–₯️ Ultra-wide: β‰₯1440px (enhanced layout)

Mobile Optimizations:

  • πŸ‘† Touch-Friendly: 44px minimum touch targets
  • πŸ“± Full-Screen Panels: Better space usage on mobile
  • πŸ”€ Scalable Fonts: 16px minimum to avoid iOS zoom
  • ⚑ Performance: Effects disabled on mobile devices
  • πŸ”‹ Battery Optimization: Reduced resource usage

⚑ Performance & Technology

Performance Optimizations:

  • ⚑ Hardware Acceleration: GPU-optimized animations
  • 🎯 Throttled Events: RequestAnimationFrame with FPS capping
  • πŸ“¦ Lazy Loading: Progressive feature activation
  • β™Ώ Accessibility: Respects reduced motion preferences
  • πŸ”„ Smart Debouncing: Intelligent update timing
  • πŸ’Ύ Memory Management: Efficient history and caching

Technology Stack:

graph TB
    A[Frontend] --> B[Alpine.js 3.x]
    A --> C[TailwindCSS]
    A --> D[Vanilla JavaScript]
    
    E[Libraries] --> F[LZ-String]
    E --> G[Prism.js]
    E --> H[TensorFlow.js]
    
    I[Storage] --> J[LocalStorage]
    I --> K[SessionStorage]
    I --> L[IndexedDB]
Loading

Core Technologies:

  • Alpine.js 3.x: Reactive functionality and state management
  • TailwindCSS: Modern utility-first styling framework
  • LZ-String: Compression library for URL optimization
  • Vanilla JavaScript: High-performance core features
  • TensorFlow.js: On-device ML for adaptive features
  • Prism.js: Syntax highlighting for multiple languages

πŸš€ Quick Start

1. Launch Hexa

Visit: https://fl2on.github.io/Hexa

2. URL Parameters

# Pre-fill content
?text=Hello%20World&title=My%20Document

3. File Support

Drag & Drop: TXT, HTML, CSS, JS, JSON, MD, PY, SQL, XML (up to 10MB)


🎬 Live Demo


πŸ“Š Compression Showcase

Content Type Original Size Compressed Ratio Strategy
JavaScript 15.2KB 8.1KB 47% w1
JSON Data 23.7KB 4.8KB 80% lb
Markdown 8.9KB 6.7KB 25% lu
HTML 12.4KB 7.2KB 42% w1
Plain Text 18.3KB 11.1KB 39% w1

πŸ”’ Privacy & Security

Security Features:

  • πŸ”’ Local-first Architecture: All processing happens in your browser
  • 🚫 Zero Data Collection: No analytics, tracking, or personal data storage
  • πŸ” Secure AI Integration: Optional authenticated features with Puter.js
  • πŸ›‘οΈ Privacy by Design: GDPR compliant, no cookies required

🀝 Contributing

Development Setup:

# Clone the repository
git clone https://github.com/fl2on/Hexa.git
cd Hexa

# Start local server
python -m http.server 3000
# or
npx serve .

# Open in browser
open http://localhost:3000

πŸ“„ License

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


πŸ‘¨β€πŸ’» Author

Created with ❀️ by fl2on

GitHub Twitter

About

The most powerful web-based text editor with AI integration, smart compression, and comprehensive developer tools. Perfect for writers, developers, and content creators.

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Used by

Contributors

Languages