Hello. I have seen that the demo of FPD shows floating boxes instead of my version. For example when adding a text in FPD demo a floating box opens to input text:

https://fancyproductdesigner.com/product/all-over-printing-shirt/

On my version it opens a dialog box in the composer. Check pics attached

How to open tools on floating boxes instead of insite?

It's just because you are using a different UI layout. To get this done, you can enable the marked layout in the screenshot. After that, whenever you add text, floating boxes will appear.