rohansurve.in

    UI Screens

    Free
    UI Blocks
    1. Home
    2. >
    3. UI Screens
    4. >
    5. E-commerce
    6. >
    7. E-commerce Seasonal Decor Catalog

    E-commerce Seasonal Decor Catalog

    E-commerce
    flutter-ui
    mobile-app-design
    ui-template
    cursor-ai-prompt
    app-screen-design
    frontend-ui

    Browse our seasonal decor catalog for unique and cozy home decor items.

    8 views1 copies
    Twitter/XWhatsApp

    Build this screen in 2 simple steps

    1

    Copy the prompt below

    This prompt includes design specs extracted from this screen.

    Convert this HTML into a Flutter UI screen. Create reusable components/widgets first, such as a product card and a navigation bar. Make it responsive by using Flutter's layout widgets and media queries. Key design specs: - Primary color: #f5a83d - Background light color: #f8f7f5 - Background dark color: #221b10 - Font family: Plus Jakarta Sans - Font sizes: 10px, 15px, 20px - Border radius: 0.25rem, 0.5rem, 0.75rem, 9999px - Shadows: shadow-sm, shadow-lg, shadow-primary/20 - Gradients: none - Exact hex colors, font sizes, border radius values, padding, shadows, gradients listed above. [PASTE YOUR HTML CODE BELOW]
    2

    Paste in Cursor

    Open Cursor in your Flutter project. Paste the prompt, then paste your HTML below the [PASTE YOUR HTML CODE BELOW] line.

    Cursor will generate Flutter UI to match this design.

    Pro tip: works best with Cursor Composer mode (Cmd+I).

    More E-commerce Screens

    You might also like

    FREE
    Finance & Wallet

    Payment Method Selection UI

    Finance & Wallet8 views
    FREE
    Food & Restaurant

    Clean Shopping Cart UI

    Food & Restaurant8 views
    FREE
    Login & Auth

    Login and Authentication Screen

    Login & Auth7 views
    FREE
    Food & Restaurant

    Organic Hass Avocados Details

    Food & Restaurant6 views