Crystal Avatar

A profile picture under a faceted crystal lens: the bevel splits light into a spectrum, highlights follow your cursor, a holographic sheen sweeps on hover and the status dot is a real light.

Lagoon

Active now

Playground

Theme

DarkLight

Preset

CrystalOpalProObsidianProRosePro

Status

OnlineAwayBusyOfflineNone

Shape

CircleSquircle

Size · 160px

HTML · FreeReact · Pro

Copy

<script src="/crystal-avatar.free.js" defer></script>

<crystal-avatar
  src="/avatars/nebula.png"
  name="Atlas Labs"
  status="online"
  shape="circle"
  size="160"
  theme="light"
></crystal-avatar>