"a gui that moves with 4 other GUI that can control its a gui that moves with 4 other GUI that can control its movement, the movement is tweened"

-- local script (StarterGui) 
local player = game.Players.LocalPlayer
local screenGui = Instance.new("ScreenGui", player.PlayerGui)

local mainGui = Instance.new("Frame", screenGui)
mainGui.BackgroundColor3 = Color3.fromRGB(255, 255, 255)
mainGui.Position = UDim2.new(0.5, 0, 0.5, 0)
mainGui.Size = UDim2.new(0, 200, 0, 200)
mainGui.AnchorPoint = Vector2.new(0.5, 0.5)

local gui1 = Instance.new("Frame", mainGui)
gui1.BackgroundColor3 = Color3.fromRGB(255, 0, 0)
gui1.Position = UDim2.new(0, 0, 0, 0)
gui1.Size = UDim2.new(0, 50, 0, 50)

local gui2 = Instance.new("Frame", mainGui)
gui2.BackgroundColor3 = Color3.fromRGB(0, 255, 0)
gui2.Position = UDim2.new(1, 0, 0, 0)
gui2.Size = UDim2.new(0, 50, 0, 50)

local gui3 = Instance.new("Frame", mainGui)
gui3.BackgroundColor3 = Color3.fromRGB(0, 0, 255)
gui3.Position = UDim2.new(0, 0, 1, 0)
gui3.Size = UDim2.new(0, 50, 0, 50)

local gui4 = Instance.new("Frame", mainGui)
gui4.BackgroundColor3 = Color3.fromRGB(255, 255, 0)
gui4.Position = UDim2.new(1, 0, 1, 0)
gui4.Size = UDim2.new(0, 50, 0, 50)

local tweenService = game:GetService("TweenService")
local info = TweenInfo.new(1, Enum.EasingStyle.Quad, Enum.EasingDirection.Out)

gui1.MouseButton1Down:Connect(function()
    local tween = tweenService:Create(mainGui, info, {Position = UDim2.new(0, 50, 0, 50)})
    tween:Play()
end)

gui2.MouseButton1Down:Connect(function()
    local tween = tweenService:Create(mainGui, info, {Position = UDim2.new(1, -50, 0, 50)})
    tween:Play()
end)

gui3.MouseButton1Down:Connect(function()
    local tween = tweenService:Create(mainGui, info, {Position = UDim2.new(0, 50, 1, -50)})
    tween:Play()
end)

gui4.MouseButton1Down:Connect(function()
    local tween = tweenService:Create(mainGui, info, {Position = UDim2.new(1, -50, 1, -50)})
    tween:Play()
end)