Real-time Visualisatie
De ultieme regex playground voor Nederlandse developers — zie matches direct oplichten terwijl je typt.
Demo: Zie je patronen direct werken
RegExMakker markeert elke regex-match direct in je tekst. Geen klik op een button, geen wachttijd — typ een patroon en de overeenkomsten lichten op in real time. Dat maakt zelfs complexe expressies zoals `\b\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}\b` voor IP-adressen direct begrijpelijk.
In het screenshot hierboven zie je hoe het patroon `([a-zA-Z0-9._%+-]+)@([a-zA-Z0-9.-]+)\.([a-zA-Z]{2,})` direct drie capture groups markeert: de lokale deel, het domein en de TLD. Elke groep krijgt een eigen kleur, zodat je precies ziet welke tekst bij welk onderdeel van de regex hoort. De hover-tips tonen de matched tekst en de group-index, zodat je nooit raadt wat er gebeurt.
De engine gebruikt een geoptimaliseerde highlighter die binnen 5 milliseconden reageert op elke toetsaanslag. Bij 50.000+ tekens schakelt de tool automatisch over naar een gesamplede preview om de browser soepel te houden — je ziet altijd een representatief beeld zonder lag.
Waarom real-time visualisatie het verschil maakt
RegExMakker's live preview elimineert de trial-and-error cyclus. In plaats van runnen, falen, aanpassen, herhalen — je ziet direct of je patroon klopt.
Directe foutdetectie
Ongevalideerde regex wordt direct gemarkeerd met een rode onderstreping en een foutmelding zoals "Unmatched group: missing closing parenthesis at position 14". Geen verrassingen meer bij runtime.
Kleurcodes per capture group
Elke capture group krijgt een unieke kleur. Group 1 in blauw, Group 2 in groen, Group 3 in oranje — het patroon `(202[0-9])-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])` wordt zo visueel ontleed in jaar, maand en dag.
Match-count en positiegegevens
Boven het tekstveld zie je een live counter: "7 matches gevonden — laatste bij pos 4.291". Klik op een nummer om direct te scrollen naar die match. Ideaal voor grote logbestanden of CSV-data.
Side-by-side test strings
Voeg meerdere test strings toe — een geldig email, een ongeldig email, een edge case. Elke regel toont zijn eigen match-resultaat, zodat je boundary conditions snel valideert zonder je patroon te hoeven wijzigen.
Performance indicators
De tool toont de evaluatietijd per regex. Bij catastrofale backtracking (bijv. `(a+)+b` op een string van 20 'a's) verschijnt een waarschuwing: "Potentiële backtracking-issue — 1.2s evaluatietijd". Bespaar uren debugging.
Een-klik export naar code
Klaar met testen? Klik "Export" en krijg direct een snippet in JavaScript, Python, PHP of Java — complete met flags, delimiters en een commentaarregel die de match uitlegt. Van playground naar productie in één stap.