Render Selected Text

About

Render Selected Text is a powerful Chrome extension that lets you visualize and explore JSON, Ruby hashes, PHP arrays, and HTML content directly in your browser.

  🎯 KEY FEATURES:

  • Interactive JSON Tree Viewer - Expand/collapse nested objects and arrays
  • Multi-Format Support - Handles JSON, Ruby hashes, PHP arrays, and HTML
  • Beautiful Design - Modern gradient UI with smooth animations
  • Syntax Highlighting - Color-coded values by type (strings, numbers, booleans)
  • Keyboard Shortcuts - Press ESC to close overlay
  • Zero Configuration - Works right out of the box

  📖 HOW TO USE:

  1. Select any text on a webpage (JSON, Ruby, PHP, or HTML)
  2. Right-click and choose "Render selected text"
  3. View your data in a beautiful, interactive overlay
  4. For JSON/Ruby/PHP: Click ▶/▼ icons to expand/collapse
  5. Press ESC or click X to close

  💡 PERFECT FOR:

  • Developers debugging API responses
  • Inspecting JSON configuration files
  • Viewing database query results
  • Reading API documentation
  • Analyzing log files

  🎨 FEATURES:

  • Clean, modern interface
  • Glass morphism design
  • Responsive layout
  • Custom scrollbars
  • Type-specific coloring
  • Hover effects
  • Smooth animations

  🔒 PRIVACY:

  This extension runs entirely in your browser. No data is sent to external servers.

  📝 SUPPORTED FORMATS:

  • JSON: {"key": "value"}
  • Ruby: {:key => "value"}
  • PHP: array('key' => 'value')
  • HTML: Any HTML markup

  ⌨️ KEYBOARD SHORTCUTS:

  • ESC - Close overlay

  Open source and free forever!