How to make a animated chat tag?

[Its4Realzies]

In JTOH when a playr has VIP it shows that tag in yellow in the in game chat, but it has a animated glint. I understand how one could concatinate the tag, but what is a way one could recreate the glint animation on the tag?

[Polygonizised (poly)]

never seen what your talking about but it probably uses an animated uigradient

UIGradient | Documentation - Roblox Creator Hub

[1_Lukeskyiwalker]

You’re probably looking for something like this. You will want to add your animated effect, for example using task.spawn(function() ... end) which will make each letter of the prefix slightly change their hex color…

[Its4Realzies]

This is probable what they used, but is it possible to do a gradient animation on only the tag text? (exclude the main text of player)

[Sun_Battery23238 (DigiDAL)]

This way only works on Legacy Chat, which is probably useless for you since they’re removing it.
Please tell me if you are using TextChatService so that I can keep searching.

Chat Tags with gradients!

Hey guys! The other day I was on my phone trying to find an easy way to add chat tags with gradients. The system I was using edited a couple chat modules and did some weird stuff, so here I am to give a simple tutorial on chat tags and how to add gradients. As most of you know, you can very easily add chat tags with ChatService:SetExtraData(). The only issue is that you can’t use gradients, and those are very helpful for nice looking chat tags. So first, you’ll want to make the code to add the…

To save you some time to not have to read it:

local players = game:GetService('Players')
local chatService

players.PlayerAdded:connect(function(player)
	while not chatService do
		chatService = require(game:GetService('ServerScriptService'):WaitForChild('ChatServiceRunner'):WaitForChild('ChatService'))
		wait()
	end
	local speaker
	while not speaker do
		speaker = chatService:GetSpeaker(player.Name)
		wait()
	end
	speaker:SetExtraData("Tags", {{TagText = "The tag you want", TagColor = ColorSequence.new(Color3.new(0,0,0),Color3.new(1,1,1))}})
end)

---

Modify Chat > ClientChatModules > MessageCreatorModules > Util
Replace Line 188

if typeof(tagColor) == "ColorSequence" then
	TagLabel.TextColor3 = Color3.new(1,1,1)
	local gradient = Instance.new("UIGradient")
	gradient.Color = tagColor
	gradient.Parent = TagLabel
else
	TagLabel.TextColor3 = tagColor
end

---

Keep in mind this is from 2020.
Once again, please tell me if you are using TextChatService so that I can keep searching.

[Its4Realzies]

@Sun_Battery23238

local players = game:GetService('Players')
local chatService

players.PlayerAdded:connect(function(player)
	while not chatService do
		chatService = require(game:GetService('ServerScriptService'):WaitForChild('ChatServiceRunner'):WaitForChild('ChatService'))
		wait()
	end
	local speaker
	while not speaker do
		speaker = chatService:GetSpeaker(player.Name)
		wait()
	end
	speaker:SetExtraData("Tags", {{TagText = "The tag you want", TagColor = ColorSequence.new(Color3.new(0,0,0),Color3.new(1,1,1))}})
end)

I have decided to make a glint on a non-chat to get the astetic, but Ill wait until it fully rolles out before making the tags system