Regex Pattern Tester

Regex playground

Test patterns against real strings

Edit the expression up top, watch every test row light up where it matches. Captures land in a column you can copy.

Pattern/^([a-z0-9._]+)@([a-z0-9.-]+)\.[a-z]{2,}$/i
Flags
gims
Test stringscapture $1
lisa@beste.devlisa
alex.turner@workspace.ioalex.turner
not-an-email—
maria_99@beste.comaria_99
missing@tld—
robin@hello.worldrobin
4 matched2 missed
0.8ms
About this block

Regex Pattern TesterPRO

Browser-chrome card hosting a regex playground — pattern + active flag pills up top, test rows with inline match highlights and capture column, summary footer. Every label is editable; no media props required.

More Showcase blocks

View all Showcase
PRO

showcase17

Code Editor With Test Results

Browser-chrome card pairing a syntax-highlighted code editor with a live test-results panel — pass/fail rows, expandable failures, and a coverage footer. Every label is editable; no media props required.

PRO

showcase18

Code Editor With Live Logs

Browser-chrome card pairing a syntax-highlighted code editor with a live log stream — filter pills, color-coded levels, and a tail-mode footer. Every label is editable; no media props required.

PRO

showcase29

AI Workspace With Streaming Response

Browser-chrome card rendering an AI prompt and a structured response — markdown blocks (headings, paragraphs, lists, quotes, code), citation list, copy/regenerate/apply footer. Every label is editable; no media props required.

PRO

showcase22

Database Query With Code Editor

Browser-chrome card pairing a typed query result table on the left with a syntax-highlighted code editor on the right — sortable columns, status-toned cells, row count footer. Every label is editable; no media props required.

PRO

showcase15

Code Editor With Live Activity Feed

Browser-chrome card pairing a syntax-highlighted code editor with a live activity feed — pulsing status dot, color-coded events, and an open-log footer. Every label is editable; no media props required.

PRO

showcase27

Inline Diff Viewer

Browser-chrome card rendering an inline diff — added lines glow emerald, removed lines fade rose, branch arrow row in the header, and an approve-and-merge footer. Every label is editable; no media props required.