Workspace
The Stack
Put several generators on one element and copy a single rule. Each layer keeps the settings you gave it on its own page.
How the Stack works
Most components need more than one CSS property. The Stack lets you add several generators as layers on a single element — border radius, box shadow, a gradient, a transition — tune each one, and copy one merged rule rather than pasting separate blocks together and resolving the overlaps yourself.
Defaults give way to intent
If one layer leaves a property at its default and another has tuned it, the tuned value wins. A conflict is only reported when two layers both set the same property away from their defaults — then the lower layer wins, and the arrows let you reorder them.
Preview sizing is dropped
Several generators set a width and height to frame their own preview. Those never reach the merged rule, because you are styling your own component, not the demo box.
Support covers every layer
The support table under the preview lists the features of all the layers in the stack, with the worst Baseline status of the set shown as the overall badge.
Part of CSSGen.dev — free visual CSS generators with browser support built in.