Does it support fr units?

Yes. Fractional fr units are available alongside px, %, rem, and auto for flexible track sizing.

Can I define grid template areas?

Yes. Click cells to assign area names and the generator writes the grid-template-areas string.

Yes. Named area placement rules using grid-area are generated for each named region.

A subgrid toggle adds the subgrid keyword for columns or rows in nested grid containers.

Draw your grid visually and get the CSS grid-template-columns, rows, and area rules.

demo

CSS Output