Using Fluid/Grid to dynamically display components on pages

I’m trying to make dynamic pages so client can add as many custom components on a page as they want and in any order. It seems like Fluid fieldtype is the way to go, but in order to make each “component” I had to make them Grid fields. Is this the correct way of going about this?

For each component, there could be bunch of fields to fill out such as title/image/headline/subheadline/btn text/btn url/etc… so in order to use fluid where they could choose from a dropdown of components, each one had to be a grid that had all that info needed for the component.

Having a grid with over 4 fields gets pretty ugly all on one row. I know you can choose width of each column but if you could make each column be 100% width in the grid it would look much better. Is there a better way of doing this?

I basically want to let clients have a pagebuilder type interface where they can add components. I wish EE had drag n drop interface for something like this, which most high end CMS’s provide.