ARCHIVE / CREATIVE TOOL

DECODE THE PATTERN

REGEXLAB

Readable matches. Repeatable results.

A live regular-expression playground that highlights matches, captures groups, and previews replacements.

CASE FILE — 08
STATUS
LIVE
YEAR
2026
TYPE
Creative Tool
MADE BY PLANKTON
VISUAL STUDY / 08DESIGN DIRECTION — 2026
ART DIRECTION / REGEXLABSTYLIZED CONCEPT MOCKUP
01

THE STARTING POINT

The idea behind it.

Make regular-expression testing more visual so patterns can be explored without mental guesswork.

THE CHALLENGE

Regex syntax is compact, but inspecting actual matches, captures and replacement results can feel opaque.

THE APPROACH

Run JavaScript RegExp patterns against editable sample text and expose each match in a highlighted inspector.

02

WHAT WENT INTO IT

Built with intention.

01 / FEATURE

Live pattern matching

Edit a regex and see match highlights immediately, including syntax errors.

02 / FEATURE

Built-in patterns

Experiment with sample patterns for email addresses, hex colors, dates and URLs.

03 / FEATURE

Inspect captures

Review the matching substrings, ranges and captured groups.

04 / FEATURE

Try replacements

Preview replacement strings and read basic pattern hints.

03

STATE OF THE BUILD

Where it stands.

CURRENT STATUS / LIVE

REGEXLAB is a live browser utility with regex flags, built-in examples, a match inspector, replacement preview and lightweight pattern hints.

Regex syntax follows the browser's JavaScript RegExp engine; hints are not a full parser.
04

THE NEXT ITERATION

Never really finished.

01

More comprehensive pattern explanations

02

Shareable test examples

03

Improve large-input performance

CONTINUE EXPLORING

ALL PROJECTS