Stepper & image upload
Shared flow primitives for multi-step forms and image uploads. The DesignMD listing wizard uses these components directly.
Site details
2
Cover image3
Plan & paymentInteractive flow
Uploading
![Uploaded image preview](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600"%3E%3Cdefs%3E%3ClinearGradient id="g" x1="0" x2="1" y1="0" y2="1"%3E%3Cstop stop-color="%23111111"/%3E%3Cstop offset="1" stop-color="%237c3aed"/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width="800" height="600" rx="32" fill="url(%23g)"/%3E%3Ccircle cx="620" cy="120" r="180" fill="%23fff" fill-opacity=".14"/%3E%3Ccircle cx="160" cy="520" r="220" fill="%23fff" fill-opacity=".08"/%3E%3Ctext x="80" y="315" fill="white" font-family="Arial" font-size="56" font-weight="700"%3EDesign system%3C/text%3E%3C/svg%3E)
Preview with replace
Couldn’t load a preview from this source. Try again, or use a different option above.
Error with retry
Across products
Real per-product surfaces — the actual component from each app, not one recolored mock.
DesignMDdesignmd.directory
Site details
2
Cover image3
Plan & paymentSubmission flow
SiteHuntersitehunter.net
Site details
2
Cover image3
Plan & paymentSubmission flow
AIdiscussAIdiscuss.dev
Site details
2
Cover image3
Plan & paymentSubmission flow
Itmeo.comitmeo.com
Site details
2
Cover image3
Plan & paymentSubmission flow
The flow uses
--foreground, --background, --muted, and --border so the same interaction reads correctly across product themes.