# Obfuscate data

*Category:* Getting started
*Section:* Guidelines
*Source:* https://uikit.developers.rio.cloud/#/start/guidelines/obfuscate-data
*Captured:* 2026-04-27T14:57:05.999Z

This demo demonstrates how sensitive data marked with the data-pii="visible" attribute can be obfuscated directly in the frontend.

## Obfuscate data

You can enable the feature either by using the keyboard shortcut Ctrl / CMD + Shift + U or by adding the data-hide-pii="shuffle" attribute to the <html> element.

Ctrl / CMD+Shift+U

Pressing the shortcut once will shuffle the data. Pressing it again will apply a text mask. If you want to enforce one variant on page load, you can add data-hide-pii="shuffle" or data-hide-pii="mask" to the <html> element. By pressing the shortcut a third time, the original value will be visible again.

Dynamically added elements will immediately be obfuscated as long as the HTML attribute is available.

**What happens in detail:**

- Names: Non-letter characters are removed, the token is padded to at least 6 characters, shuffled, and returned in title-case. Pure-digit or non-letter tokens remain unchanged.
- Emails: Punctuation is removed, each part is padded to 6 characters, shuffled and suffixed with .xx based on the browser locale.
- Phone numbers: International prefixes (after +) are preserved, the remaining digits are shuffled, and original separators (spaces, dashes, parentheses) are kept.

**This is useful for:**

- Debug or demo environments, where you want realistic data structure but no real identities.
- Screenshot or recording safety, ensuring you don’t leak PII in support sessions or analytics.
- QA/testing, to verify UI behavior without showing live customer data.

Toggle PII Obfuscation

> Tip: Use the "Load more" button to dynamically reveal additional obfuscated employees.

| Company | Employee | Email | Phone | Status |
| --- | --- | --- | --- | --- |
| Smart Lions Inc. | Simon Fuchsler | simon.fuchsler@smart-lions-inc.com | +49 1234 23456789 | Called in sick |

Smart Lions Inc.

Simon Fuchsler

simon.fuchsler@smart-lions-inc.com

+49 1234 23456789

called in sick

1/5Load more

EmployeeEmailPhoneStatuscalled in sick