Free Online Word Frequency Counter & Text Analyzer Tool

This application is a professional-grade, browser-based tool designed for writers, SEO specialists, students, and data analysts to perform immediate statistical text analysis without server overhead or privacy risks.

Technical Implementation Rules

• Single File: All HTML, CSS, and JS must reside in a single index.html file.
• State Management: Use memory-only variables. Do NOT use localStorage, sessionStorage, or cookies.
• Storage Blocking: The app must function under strict null-origin iframe sandboxing.
• User Interactions: Do not use alert(), prompt(), or confirm(). Use custom modal components if user feedback is required.

Core Features

1. Real-time Processing: The tool updates statistics as the user types or pastes text.
2. Text Statistics Dashboard: Display cards showing:
   • Total Word Count
   • Unique Word Count
   • Average Word Length
   • Sentence Count
3. Frequency Analysis Table: A sortable list showing the most frequent words, their count, and frequency percentage.
4. Advanced Settings Toggle:
   • Stop Words Filter: An optional feature to exclude commonly ignored words (e.g., 'the', 'is', 'at').
   • Case Sensitivity: Toggle between 'Case Sensitive' and 'Ignore Case' modes.
5. Export Functionality: Provide a button to export the frequency data into a downloadable CSV file (using Blob and URL.createObjectURL).

UI/UX Design Specification

• Aesthetic: Clean, "SaaS-style" light-mode design. Use a palette of Slate for text and borders, and Indigo for primary actions (buttons/active states).
• Typography: Use a clean sans-serif font stack (Inter, system-ui, sans-serif).
• Layout Structure:
  • Header: Simple, centered title with a descriptive tagline.
  • Input Area: A large, resizable textarea with a character counter displayed in the corner.
  • Stats Section: A responsive grid showing the 4 primary statistics cards.
  • Results Area: A scrollable table with headers: "Word", "Count", "Frequency (%)".
• Animations: Subtle transition effects on hover states for buttons and table rows (e.g., 200ms ease-in-out transitions).

Suggested Color Palette

• Primary Background: #f8fafc (Slate 50)
• Card Background: #ffffff (White)
• Primary Accent: #4f46e5 (Indigo 600)
• Text Colors: #1e293b (Slate 800) for headers, #64748b (Slate 500) for secondary text.
• Border Color: #e2e8f0 (Slate 200)

Developer Instructions

• Use Tailwind CSS via CDN for styling.
• Use Lucide-icons via CDN for UI icons (e.g., Clipboard icon, Download icon).
• Ensure the CSV generation happens entirely in-memory using Blob objects.
• Ensure high performance; avoid expensive recalculations on every keystroke by using a debounce function for the processing logic.