TangularInitials

A simple Tangular template engine helper for rendering initials from the name (firstname + lastname).

Live preview

Open in new tab ↗

A simple Tangular template engine helper for rendering initials from the name (firstname + lastname).

Usage:

<h1>{{ name }}</h1>
<div>{{ username | initials }}</div>

Initials as Image

I have added a new helper called initialsbase64 which creates an image encoded via base64. So you can apply it to <img tag directly.

<img src="{{ username | initialsbase64(200, 200) }}" />

More UI components

Browse all 348