Next.js Static GitHub Pages React TypeScript

Word Search

A simple word search generator

Word Search

A modern, print-optimized Word Search Generator built with Next.js, TypeScript, and Tailwind CSS. Create custom puzzles with configurable difficulty, directions, and instant shareable links.

🌟 Features

  • Dynamic Grid Generation: Create puzzles from 5x5 up to 30x30.
  • Smart Placement Algorithm: Automatically sorts and places words, handling collisions and retries.
  • Configurable Directions: Toggle support for:
    • Horizontal & Vertical
    • Diagonals
    • Backwards (Reverse)
  • Difficulty Slider (Misspelled Distractors): Adds “fake” words (e.g., “TIGEK” instead of “TIGER”) to increase challenge.
  • Print-Optimized:
    • Ink-Saving Mode: No background colors or heavy borders.
    • Auto-Scaling: Fonts and grids automatically resize to fit A4/Letter pages.
    • Smart Layout: Dynamic margins and word bank sizing to prevent overflow.
    • Answer Key: Automatically generates a second page with the solution (ink-friendly format).
  • State Sharing: All settings (title, words, config) are synced to the URL, making puzzles easy to bookmark or share.
  • Overflow Detection: Warns you if your word list is too long for the selected grid size.

🛠️ Tech Stack

Project Details

Technologies Used

Next.js Static GitHub Pages React TypeScript

Project Information

Created: December 9, 2026
Status: Featured Project
Category: Web Development

Related Projects

Antler
Astro React

Antler

A modern static site generator that transforms Markdown files into beautiful, performant websites with component-based architecture.

View Project
RhemaPulse
React TypeScript

RhemaPulse

Transform your sermons into actionable insights with AI-powered transcription, summaries, scripture detection, and action items for pastors and ministry leaders.

View Project