JSFiddle - React, Tailwind, and code Playground

by Göran Andersson

HTML

<textarea></textarea>
<div></div>

CSS

span { color: blue; }

JavaScript

$("textarea").keyup(function() {
    $('div').html($(this).val().replace(/(@[^ ]+)/g, '<span>$1</span>'));
});