Dyslexia-friendly text reader with customizable fonts and spacing

Starting promptUse this prompt as a starting point to build your workflow.

Build a single-page, self-serve reading tool designed to make text easier to read for dyslexic users (and anyone who wants a more comfortable reading experience). The purpose is to let someone paste or upload their own text and instantly reflow it into a dyslexia-friendly presentation. Trigger it with an HTTP route (e.g. /reader) serving an HTML webpage, restricted to space members. It's a single frontend step with no backend calls — build it as a React UI. The main experience: A text area where the user pastes text, or an upload control to load text from a file. An "Easy-read mode" toggle that reflows the text in a dyslexia-friendly typeface. Offer a choice of fonts — OpenDyslexic, Lexend, and Atkinson Hyperlegible are good options, but feel free to swap in whatever accessible typefaces you prefer (loaded from Google Fonts or an equivalent web font source). Adjustable reading controls: letter spacing, word spacing, line height, text size, and background tint. Persist the user's chosen settings in the browser's localStorage so preferences survive across visits on the same device without requiring an account. Keep all state client-side — there's no server, database, or external API beyond loading the web fonts. Make it a polished, accessible, distinctive single-page interface. Optionally note to users that this only restyles text inside the tool itself, not other sites or apps. Tools used: Google Fonts (OpenDyslexic, Lexend, Atkinson Hyperlegible), browser localStorage

New to Tines?Sign up free for Tines 3B Explore Edition

What this prompt builds

A self-serve web tool that lets users paste or upload text and reformat it with dyslexia-friendly fonts, adjustable spacing, line height, and background tints. Settings persist in the browser so preferences carry across sessions. Built as a single-page React interface with no backend, designed to reduce cognitive load for dyslexic readers and anyone seeking a more comfortable reading experience.

The problem

Dyslexic readers and anyone who struggles with standard text formatting face unnecessary cognitive load when reading online content or documents. Default fonts, tight spacing, and harsh contrast make comprehension harder and more exhausting. This workflow solves that by offering a single-page tool where users paste or upload text and instantly reformat it with dyslexia-friendly typefaces (OpenDyslexic, Lexend, Atkinson Hyperlegible), adjustable letter and word spacing, line height, text size, and background tints. Settings persist in the browser so preferences carry across sessions without needing an account.

Solution and impact

Users copy text into the tool and immediately see it transformed into a more readable format tailored to their needs. The workflow reduces mental effort for dyslexic readers by letting them dial in the exact font, spacing, and contrast that works best for them. Because settings persist locally, the experience becomes frictionless over time — readers return to their preferred layout instantly, freeing cognitive energy for comprehension instead of fighting with formatting.

Dyslexia-friendly text reader with customizable fonts and spacing | Tines 3B examples | Tines