How to make a GUI like this

How to make a GUI like this
https://gyazo.com/e8f77b98fc75d50cf60b380ca2d6e15f
what i wanna know is how to make guis like in the gif like how it’s align .
This is what tried
local Player = game:GetService(“Players”).LocalPlayer
local Character = Player.Character or Player.CharacterAdded:Wait()
local Humanoid = Character:WaitForChild(“Humanoid”)
local HumanoidRoot = Character:WaitForChild(“HumanoidRootPart”)

local Ju = nil

Player.Backpack.ChildAdded:Connect(function(Add)
local NewOne2 = script.Parent.NewItemUI:WaitForChild(“MainFrame”):Clone()

if Add:IsA("Tool") then
	
	if Ju == nil then
		
		local NewOne = script.Parent.NewItemUI:WaitForChild("MainFrame"):Clone()
		NewOne.Position = script.Parent.NewItemUI:WaitForChild("MainFrame").Position
		NewOne.NewItemName.Text = Add.Name

		Ju = NewOne

		NewOne.Parent = script.Parent
		NewOne.Visible = true

		wait(1)

		Ju = nil
	else
		
		local NewOne = script.Parent.NewItemUI:WaitForChild("MainFrame"):Clone()
		NewOne.Position = UDim2.new({Ju.Position.X.Scale, Ju.Position.X.Offset},{Ju.Position.Y.Scale + 0.03, Ju.Position.Y.Offset})--
		NewOne.NewItemName.Text = Add.Name
		
		NewOne.Parent = script.Parent
		NewOne.Visible = true
		
		Ju = NewOne
		
		wait(1)

		Ju = nil
		
	end
	
end

end)
i don’t much about uis and i tried search for how to make guis like the gif but i don’t found anything

1 Like

get a scrolling frame add a uilistlayout mess with its properties make a decoy label and edit it to your liking. make a remote event and bindable in a folder you make known as notifications. now what your gonna do is make it so that when ever the re and be is fired you clone the UI see what the message:string (can use rich text) is and yea just like that add the cloned ui in debris and just like that you got it

See UIListLayout.
Then, just add textlabels that have their X Size {1,0} to an invisible frame, After that, Call Debris:AddItem on them.

Thanks, guys it worked :sunglasses: :sunglasses: :sunglasses: