If you want your username to stand out in a busy chat room, the Prism power is one of the most striking ways to do it. Instead of a plain static name, Prism makes your username smoothly cycle through every color of the rainbow — red, orange, yellow, green, blue, and violet — in a continuous 3-second loop, visible to every user in the room in real time.
Think of it as a neon sign for your name: every single message you send arrives wearing a different color, looping endlessly as the conversation scrolls. This guide covers exactly what Prism does, how to get it, how the CSS animation works under the hood, and how it compares to the other name-effect powers on ChatNoRegister.
The chat preview below shows exactly how Prism looks in a real conversation. The username cycles through all six hues exactly as it does inside the chat room — this is the same CSS animation code that ships with the feature:
No browser plugins or extensions required — this is pure CSS @keyframes animation, the identical code that runs in the live chat room.
Prism is a name-effect power: it targets your displayed username in the chat feed, not your message bubble or profile avatar. Every message you send shows your name in an animated color cycle with six keyframe stops:
| Keyframe | Color | Hex value |
|---|---|---|
| 0 % | Red | #ff4747 |
| 16 % | Orange | #ffa347 |
| 33 % | Yellow | #fffe47 |
| 50 % | Green | #47ff6f |
| 66 % | Blue | #47b3ff |
| 83 % | Violet | #d747ff |
The full cycle takes exactly 3 seconds and loops infinitely. CSS interpolates smoothly between each stop, so the transitions are fluid — there are no hard flashes or cuts. The linear timing function means each color band gets equal screen time, producing a uniform roll rather than an eased pulse.
Prism is mutually exclusive with the other name-effect power (VIP Glow) — you can only have one active at a time. It stacks freely with avatar-pulse powers (Aura Pulse, Phantom Pulse, Gold Pulse, Spectrum) and message-bubble effects (Bubble Rainbow, Bubble Glow, etc.), so you can combine Prism with other visual powers simultaneously.
Prism is purchased from the Powers Store inside the chat room. The store opens from the ✦ button in the top bar of the chat interface.
Prism costs 80 Ruby. Ruby is ChatNoRegister's premium currency, earned by being active in chat and completing daily goals. Your Gold and Ruby balance is displayed at the top of the Powers Store panel.
Prism stays in your inventory permanently once purchased. You can activate and deactivate it at any time — no renewal, no expiry, no re-buying needed.
Prism is implemented with a single CSS @keyframes animation. Here is the exact production code shipped with the feature:
/* Applied to the username element in the chat log */
.pwr-prism {
animation: pwr-prism 3s linear infinite;
}
@keyframes pwr-prism {
0% { color: #ff4747; }
16% { color: #ffa347; }
33% { color: #fffe47; }
50% { color: #47ff6f; }
66% { color: #47b3ff; }
83% { color: #d747ff; }
100% { color: #ff4747; }
}
When the chat engine detects Prism is active for a user, it adds the class pwr-prism to that user's name element inside every incoming chat message. The browser handles the rest purely in CSS — no JavaScript executes during the animation loop. This makes the effect completely smooth and zero-overhead, even with dozens of animated names on screen at once.
The animation starts and ends at the same red value (#ff4747), which is what makes the loop seamless — the browser interpolates back to red through violet with no visible jump at the repeat boundary.
ChatNoRegister currently offers two name-effect powers. Here is how they compare:
| Power | Effect | Cost | Best for |
|---|---|---|---|
| Prism 🌈 | Username cycles through full rainbow (6 colors, 3 s loop) | 80 Ruby | Maximum visibility in busy rooms |
| VIP Glow 💜 | Username glows with a soft purple text-shadow aura | 50 Ruby | Elegant look, especially in dark themes |
If maximum visibility is the goal, Prism wins — it cycles the full spectrum and is hard to ignore in a crowded feed. VIP Glow is more subtle and works especially well in dark-themed rooms where the purple aura creates a premium look around the text.
Prism works on any device and browser that supports CSS animations — which includes all modern versions of Chrome, Firefox, Safari, Edge, and every major mobile browser. The animation runs at a smooth 60 fps on modern hardware. On older or low-power devices, the browser may reduce the frame rate automatically, but the color transitions remain fully visible.
The effect is designed to be readable on all ChatNoRegister themes — light, dark, and every color scheme available. The six keyframe colors are chosen at high saturation, so the rainbow is clearly visible regardless of whether the chat background is white, black, or anything in between.
Yes. Prism is applied server-side on every message you send. When your message is delivered to other users' browsers, the chat engine includes the pwr-prism class flag in the rendered HTML. Everyone connected to the room sees your animated rainbow name, not just you.
Yes. Your animated name appears in private message threads too — both on your end and on the recipient's screen.
Yes. Name effects and avatar pulses are in separate power groups, so they stack freely. You can have Prism animating your username and Aura Pulse glowing around your avatar at the same time for a full-effects look.
No. Once purchased, Prism is permanently yours. There is no subscription, no rental period, and no renewal cost.
Prism animates your username text. Bubble Rainbow applies a shifting rainbow box-shadow glow to your message bubble. They target different elements and can be used together simultaneously — many users activate both for a coordinated full-rainbow look across their entire message.
No. CSS animations run on the browser's compositor thread, separate from JavaScript. The Prism animation adds essentially zero CPU load and does not affect chat performance regardless of how many users have it active.
No comments yet — be the first!
Leave a Comment