I have almost everything working perfectly
https://i.gyazo.com/0809812eea10e5d11cc05f7e02694701.mp4
https://i.gyazo.com/ac3db07022fdc32b0010fa2faa2abe10.mp4
however is this a challenge I’m having
https://i.gyazo.com/cc5939bf9edf37f283b537f5fe49f863.mp4
https://i.gyazo.com/f32db453ab771787a8d70dab8954c6b5.mp4
I don’t know how to keep the White Box inside the frame
I want to keep the white box inside the frame like how the Black box is.
You can either just create other parts to collide with on the border of the frame. Or just check if the white box is outside the frame of the red one.
If you need code help for the latter, I can help in like ~30-60 minutes (assuming somebody else doesn’t help first).
Since it’s cleaner than the first option. 
I’ll send a place file to you.
I can wait, I need to eat atm 
When the black box pushes the white box, you don’t have it check for the white box’s collision. You’d need to clamp the whitebox’s position so that it can only be pushed within the bounds of the red and blue boxes.
Alright so here’s the result. It’s a function with two GUIs as arguments. If the first one isn’t inside the boundaries of the second one, it will move it as appropriate. Main limitation is that you can only use one boundary per GUI (and thus the boundary has to be a rectangle).
It’s basically clamping it like @Flowtonio mentioned.
--[[
Makes sure Gui1 is inside of Gui2. If not, it will move it so it remains within boundary.
This won't work perfectly to make sure it's within two different GUIs however.
Also, this assumes the AnchorPoint of both GUIs are 0,0. If you use anything else,
you'll need to use this new code:
--Using Anchor
local pos1, size1, anchor1 = Gui1.AbsolutePosition, Gui1.AbsoluteSize, Gui1.AnchorPoint;
local pos2, size2, anchor2 = Gui2.AbsolutePosition, Gui2.AbsoluteSize, Gui2.AnchorPoint;
local top = pos2.Y-size2.Y*anchor1.Y-(pos1.Y-size1.Y*anchor2.Y)
local bottom = pos2.Y+size2.Y*(1-anchor1.Y)-(pos1.Y+size1.Y*(1-anchor1.Y))
local left = pos2.X-size2.X*anchor1.X-(pos1.X-size1.X*anchor2.X)
local right = pos2.X+size2.X*(1-anchor1.X)-(pos1.X+size1.X*(1-anchor1.X))
--]]
local function BoundaryCheck(Gui1, Gui2)
local pos1, size1 = Gui1.AbsolutePosition, Gui1.AbsoluteSize;
local pos2, size2 = Gui2.AbsolutePosition, Gui2.AbsoluteSize;
local top = pos2.Y-pos1.Y
local bottom = pos2.Y+size2.Y-(pos1.Y+size1.Y)
local left = pos2.X-pos1.X
local right = pos2.X+size2.X-(pos1.X+size1.X)
if top > 0 then
Gui1.Position = Gui1.Position + UDim2.new(0,0,0,top)
elseif bottom < 0 then
Gui1.Position = Gui1.Position + UDim2.new(0,0,0,bottom)
end
if left > 0 then
Gui1.Position = Gui1.Position + UDim2.new(0,left,0,0)
elseif right < 0 then
Gui1.Position = Gui1.Position + UDim2.new(0,right,0,0)
end
end
Thank you very much!
Well yes that does work, but it only fires if it’s in it. If it’s not in the ui but still touching it, it doesn’t work.