Skip to content

LANGUAGE V1 · FROZEN REFERENCE

Example library

2,000 results · Page 73 of 167

commerce

Serein Market 65 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0065
Create page shop containing header, product_grid, cart_bar with viewport fill, background #f8fafc, padding 26 pixels, gap 22 pixels.
Create container header containing shop_title, shop_copy with gap 8 pixels.
Create heading shop_title displaying "Serein Market 65" with font size 34 pixels, font weight 800.
Create text shop_copy displaying "Objects selected for useful, beautiful everyday living." with text color #64748b.
Create container product_grid containing product_one, product_two, product_three with layout grid, grid columns 3, gap 18 pixels.
Create card product_one containing product_one_name, product_one_price, add_one with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_one_name displaying "Studio chair" with font size 20 pixels.
Create text product_one_price displaying "$32" with text color #b45309, font weight 700.
Create button add_one displaying "Add to cart" with background #b45309, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_two containing product_two_name, product_two_price, add_two with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_two_name displaying "Ceramic lamp" with font size 20 pixels.
Create text product_two_price displaying "$32" with text color #b45309, font weight 700.
Create button add_two displaying "Add to cart" with background #b45309, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_three containing product_three_name, product_three_price, add_three with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_three_name displaying "Leather folio" with font size 20 pixels.
Create text product_three_price displaying "$102" with text color #b45309, font weight 700.
Create button add_three displaying "Add to cart" with background #b45309, text color white, padding 10 pixels, border radius 8 pixels.
Create container cart_bar containing cart_label, cart_count, clear_cart with direction horizontal, alignment center, distribution between, padding 18 pixels, background #0f172a, text color white, border radius 12 pixels.
Create text cart_label displaying "Cart" with text color white.
Create heading cart_count with text color white, font size 24 pixels.
Create state cart with value 0.
cart_count displays state cart.
When add_one is clicked, increase cart by 1.
When add_two is clicked, increase cart by 1.
When add_three is clicked, increase cart by 1.
Create button clear_cart displaying "Clear" with background transparent, text color white, padding 8 pixels.
When clear_cart is clicked, set cart to 0.
On screens below 760 pixels, product_grid grid columns is 1.
commerce

Atlas Market 66 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0066
Create page shop containing header, product_grid, cart_bar with viewport fill, background #f8fafc, padding 26 pixels, gap 22 pixels.
Create container header containing shop_title, shop_copy with gap 8 pixels.
Create heading shop_title displaying "Atlas Market 66" with font size 34 pixels, font weight 800.
Create text shop_copy displaying "Objects selected for useful, beautiful everyday living." with text color #64748b.
Create container product_grid containing product_one, product_two, product_three with layout grid, grid columns 3, gap 18 pixels.
Create card product_one containing product_one_name, product_one_price, add_one with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_one_name displaying "Studio chair" with font size 20 pixels.
Create text product_one_price displaying "$33" with text color #4338ca, font weight 700.
Create button add_one displaying "Add to cart" with background #4338ca, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_two containing product_two_name, product_two_price, add_two with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_two_name displaying "Ceramic lamp" with font size 20 pixels.
Create text product_two_price displaying "$33" with text color #4338ca, font weight 700.
Create button add_two displaying "Add to cart" with background #4338ca, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_three containing product_three_name, product_three_price, add_three with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_three_name displaying "Leather folio" with font size 20 pixels.
Create text product_three_price displaying "$103" with text color #4338ca, font weight 700.
Create button add_three displaying "Add to cart" with background #4338ca, text color white, padding 10 pixels, border radius 8 pixels.
Create container cart_bar containing cart_label, cart_count, clear_cart with direction horizontal, alignment center, distribution between, padding 18 pixels, background #0f172a, text color white, border radius 12 pixels.
Create text cart_label displaying "Cart" with text color white.
Create heading cart_count with text color white, font size 24 pixels.
Create state cart with value 0.
cart_count displays state cart.
When add_one is clicked, increase cart by 1.
When add_two is clicked, increase cart by 1.
When add_three is clicked, increase cart by 1.
Create button clear_cart displaying "Clear" with background transparent, text color white, padding 8 pixels.
When clear_cart is clicked, set cart to 0.
On screens below 760 pixels, product_grid grid columns is 1.
commerce

Nocturne Market 67 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0067
Create page shop containing header, product_grid, cart_bar with viewport fill, background #f8fafc, padding 26 pixels, gap 22 pixels.
Create container header containing shop_title, shop_copy with gap 8 pixels.
Create heading shop_title displaying "Nocturne Market 67" with font size 34 pixels, font weight 800.
Create text shop_copy displaying "Objects selected for useful, beautiful everyday living." with text color #64748b.
Create container product_grid containing product_one, product_two, product_three with layout grid, grid columns 3, gap 18 pixels.
Create card product_one containing product_one_name, product_one_price, add_one with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_one_name displaying "Studio chair" with font size 20 pixels.
Create text product_one_price displaying "$34" with text color #047857, font weight 700.
Create button add_one displaying "Add to cart" with background #047857, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_two containing product_two_name, product_two_price, add_two with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_two_name displaying "Ceramic lamp" with font size 20 pixels.
Create text product_two_price displaying "$34" with text color #047857, font weight 700.
Create button add_two displaying "Add to cart" with background #047857, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_three containing product_three_name, product_three_price, add_three with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_three_name displaying "Leather folio" with font size 20 pixels.
Create text product_three_price displaying "$104" with text color #047857, font weight 700.
Create button add_three displaying "Add to cart" with background #047857, text color white, padding 10 pixels, border radius 8 pixels.
Create container cart_bar containing cart_label, cart_count, clear_cart with direction horizontal, alignment center, distribution between, padding 18 pixels, background #0f172a, text color white, border radius 12 pixels.
Create text cart_label displaying "Cart" with text color white.
Create heading cart_count with text color white, font size 24 pixels.
Create state cart with value 0.
cart_count displays state cart.
When add_one is clicked, increase cart by 1.
When add_two is clicked, increase cart by 1.
When add_three is clicked, increase cart by 1.
Create button clear_cart displaying "Clear" with background transparent, text color white, padding 8 pixels.
When clear_cart is clicked, set cart to 0.
On screens below 760 pixels, product_grid grid columns is 1.
commerce

Cedar Market 68 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0068
Create page shop containing header, product_grid, cart_bar with viewport fill, background #f8fafc, padding 26 pixels, gap 22 pixels.
Create container header containing shop_title, shop_copy with gap 8 pixels.
Create heading shop_title displaying "Cedar Market 68" with font size 34 pixels, font weight 800.
Create text shop_copy displaying "Objects selected for useful, beautiful everyday living." with text color #64748b.
Create container product_grid containing product_one, product_two, product_three with layout grid, grid columns 3, gap 18 pixels.
Create card product_one containing product_one_name, product_one_price, add_one with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_one_name displaying "Studio chair" with font size 20 pixels.
Create text product_one_price displaying "$35" with text color #c026d3, font weight 700.
Create button add_one displaying "Add to cart" with background #c026d3, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_two containing product_two_name, product_two_price, add_two with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_two_name displaying "Ceramic lamp" with font size 20 pixels.
Create text product_two_price displaying "$35" with text color #c026d3, font weight 700.
Create button add_two displaying "Add to cart" with background #c026d3, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_three containing product_three_name, product_three_price, add_three with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_three_name displaying "Leather folio" with font size 20 pixels.
Create text product_three_price displaying "$105" with text color #c026d3, font weight 700.
Create button add_three displaying "Add to cart" with background #c026d3, text color white, padding 10 pixels, border radius 8 pixels.
Create container cart_bar containing cart_label, cart_count, clear_cart with direction horizontal, alignment center, distribution between, padding 18 pixels, background #0f172a, text color white, border radius 12 pixels.
Create text cart_label displaying "Cart" with text color white.
Create heading cart_count with text color white, font size 24 pixels.
Create state cart with value 0.
cart_count displays state cart.
When add_one is clicked, increase cart by 1.
When add_two is clicked, increase cart by 1.
When add_three is clicked, increase cart by 1.
Create button clear_cart displaying "Clear" with background transparent, text color white, padding 8 pixels.
When clear_cart is clicked, set cart to 0.
On screens below 760 pixels, product_grid grid columns is 1.
commerce

Forma Market 69 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0069
Create page shop containing header, product_grid, cart_bar with viewport fill, background #f8fafc, padding 26 pixels, gap 22 pixels.
Create container header containing shop_title, shop_copy with gap 8 pixels.
Create heading shop_title displaying "Forma Market 69" with font size 34 pixels, font weight 800.
Create text shop_copy displaying "Objects selected for useful, beautiful everyday living." with text color #64748b.
Create container product_grid containing product_one, product_two, product_three with layout grid, grid columns 3, gap 18 pixels.
Create card product_one containing product_one_name, product_one_price, add_one with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_one_name displaying "Studio chair" with font size 20 pixels.
Create text product_one_price displaying "$36" with text color #0369a1, font weight 700.
Create button add_one displaying "Add to cart" with background #0369a1, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_two containing product_two_name, product_two_price, add_two with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_two_name displaying "Ceramic lamp" with font size 20 pixels.
Create text product_two_price displaying "$36" with text color #0369a1, font weight 700.
Create button add_two displaying "Add to cart" with background #0369a1, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_three containing product_three_name, product_three_price, add_three with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_three_name displaying "Leather folio" with font size 20 pixels.
Create text product_three_price displaying "$106" with text color #0369a1, font weight 700.
Create button add_three displaying "Add to cart" with background #0369a1, text color white, padding 10 pixels, border radius 8 pixels.
Create container cart_bar containing cart_label, cart_count, clear_cart with direction horizontal, alignment center, distribution between, padding 18 pixels, background #0f172a, text color white, border radius 12 pixels.
Create text cart_label displaying "Cart" with text color white.
Create heading cart_count with text color white, font size 24 pixels.
Create state cart with value 0.
cart_count displays state cart.
When add_one is clicked, increase cart by 1.
When add_two is clicked, increase cart by 1.
When add_three is clicked, increase cart by 1.
Create button clear_cart displaying "Clear" with background transparent, text color white, padding 8 pixels.
When clear_cart is clicked, set cart to 0.
On screens below 760 pixels, product_grid grid columns is 1.
commerce

Morrow Market 70 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0070
Create page shop containing header, product_grid, cart_bar with viewport fill, background #f8fafc, padding 26 pixels, gap 22 pixels.
Create container header containing shop_title, shop_copy with gap 8 pixels.
Create heading shop_title displaying "Morrow Market 70" with font size 34 pixels, font weight 800.
Create text shop_copy displaying "Objects selected for useful, beautiful everyday living." with text color #64748b.
Create container product_grid containing product_one, product_two, product_three with layout grid, grid columns 3, gap 18 pixels.
Create card product_one containing product_one_name, product_one_price, add_one with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_one_name displaying "Studio chair" with font size 20 pixels.
Create text product_one_price displaying "$37" with text color #4f46e5, font weight 700.
Create button add_one displaying "Add to cart" with background #4f46e5, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_two containing product_two_name, product_two_price, add_two with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_two_name displaying "Ceramic lamp" with font size 20 pixels.
Create text product_two_price displaying "$37" with text color #4f46e5, font weight 700.
Create button add_two displaying "Add to cart" with background #4f46e5, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_three containing product_three_name, product_three_price, add_three with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_three_name displaying "Leather folio" with font size 20 pixels.
Create text product_three_price displaying "$107" with text color #4f46e5, font weight 700.
Create button add_three displaying "Add to cart" with background #4f46e5, text color white, padding 10 pixels, border radius 8 pixels.
Create container cart_bar containing cart_label, cart_count, clear_cart with direction horizontal, alignment center, distribution between, padding 18 pixels, background #0f172a, text color white, border radius 12 pixels.
Create text cart_label displaying "Cart" with text color white.
Create heading cart_count with text color white, font size 24 pixels.
Create state cart with value 0.
cart_count displays state cart.
When add_one is clicked, increase cart by 1.
When add_two is clicked, increase cart by 1.
When add_three is clicked, increase cart by 1.
Create button clear_cart displaying "Clear" with background transparent, text color white, padding 8 pixels.
When clear_cart is clicked, set cart to 0.
On screens below 760 pixels, product_grid grid columns is 1.
commerce

Halcyon Market 71 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0071
Create page shop containing header, product_grid, cart_bar with viewport fill, background #f8fafc, padding 26 pixels, gap 22 pixels.
Create container header containing shop_title, shop_copy with gap 8 pixels.
Create heading shop_title displaying "Halcyon Market 71" with font size 34 pixels, font weight 800.
Create text shop_copy displaying "Objects selected for useful, beautiful everyday living." with text color #64748b.
Create container product_grid containing product_one, product_two, product_three with layout grid, grid columns 3, gap 18 pixels.
Create card product_one containing product_one_name, product_one_price, add_one with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_one_name displaying "Studio chair" with font size 20 pixels.
Create text product_one_price displaying "$38" with text color #7c3aed, font weight 700.
Create button add_one displaying "Add to cart" with background #7c3aed, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_two containing product_two_name, product_two_price, add_two with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_two_name displaying "Ceramic lamp" with font size 20 pixels.
Create text product_two_price displaying "$38" with text color #7c3aed, font weight 700.
Create button add_two displaying "Add to cart" with background #7c3aed, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_three containing product_three_name, product_three_price, add_three with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_three_name displaying "Leather folio" with font size 20 pixels.
Create text product_three_price displaying "$38" with text color #7c3aed, font weight 700.
Create button add_three displaying "Add to cart" with background #7c3aed, text color white, padding 10 pixels, border radius 8 pixels.
Create container cart_bar containing cart_label, cart_count, clear_cart with direction horizontal, alignment center, distribution between, padding 18 pixels, background #0f172a, text color white, border radius 12 pixels.
Create text cart_label displaying "Cart" with text color white.
Create heading cart_count with text color white, font size 24 pixels.
Create state cart with value 0.
cart_count displays state cart.
When add_one is clicked, increase cart by 1.
When add_two is clicked, increase cart by 1.
When add_three is clicked, increase cart by 1.
Create button clear_cart displaying "Clear" with background transparent, text color white, padding 8 pixels.
When clear_cart is clicked, set cart to 0.
On screens below 760 pixels, product_grid grid columns is 1.
commerce

Orbit Market 72 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0072
Create page shop containing header, product_grid, cart_bar with viewport fill, background #f8fafc, padding 26 pixels, gap 22 pixels.
Create container header containing shop_title, shop_copy with gap 8 pixels.
Create heading shop_title displaying "Orbit Market 72" with font size 34 pixels, font weight 800.
Create text shop_copy displaying "Objects selected for useful, beautiful everyday living." with text color #64748b.
Create container product_grid containing product_one, product_two, product_three with layout grid, grid columns 3, gap 18 pixels.
Create card product_one containing product_one_name, product_one_price, add_one with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_one_name displaying "Studio chair" with font size 20 pixels.
Create text product_one_price displaying "$39" with text color #2563eb, font weight 700.
Create button add_one displaying "Add to cart" with background #2563eb, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_two containing product_two_name, product_two_price, add_two with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_two_name displaying "Ceramic lamp" with font size 20 pixels.
Create text product_two_price displaying "$39" with text color #2563eb, font weight 700.
Create button add_two displaying "Add to cart" with background #2563eb, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_three containing product_three_name, product_three_price, add_three with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_three_name displaying "Leather folio" with font size 20 pixels.
Create text product_three_price displaying "$39" with text color #2563eb, font weight 700.
Create button add_three displaying "Add to cart" with background #2563eb, text color white, padding 10 pixels, border radius 8 pixels.
Create container cart_bar containing cart_label, cart_count, clear_cart with direction horizontal, alignment center, distribution between, padding 18 pixels, background #0f172a, text color white, border radius 12 pixels.
Create text cart_label displaying "Cart" with text color white.
Create heading cart_count with text color white, font size 24 pixels.
Create state cart with value 0.
cart_count displays state cart.
When add_one is clicked, increase cart by 1.
When add_two is clicked, increase cart by 1.
When add_three is clicked, increase cart by 1.
Create button clear_cart displaying "Clear" with background transparent, text color white, padding 8 pixels.
When clear_cart is clicked, set cart to 0.
On screens below 760 pixels, product_grid grid columns is 1.
commerce

Monument Market 73 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0073
Create page shop containing header, product_grid, cart_bar with viewport fill, background #f8fafc, padding 26 pixels, gap 22 pixels.
Create container header containing shop_title, shop_copy with gap 8 pixels.
Create heading shop_title displaying "Monument Market 73" with font size 34 pixels, font weight 800.
Create text shop_copy displaying "Objects selected for useful, beautiful everyday living." with text color #64748b.
Create container product_grid containing product_one, product_two, product_three with layout grid, grid columns 3, gap 18 pixels.
Create card product_one containing product_one_name, product_one_price, add_one with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_one_name displaying "Studio chair" with font size 20 pixels.
Create text product_one_price displaying "$40" with text color #0f766e, font weight 700.
Create button add_one displaying "Add to cart" with background #0f766e, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_two containing product_two_name, product_two_price, add_two with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_two_name displaying "Ceramic lamp" with font size 20 pixels.
Create text product_two_price displaying "$40" with text color #0f766e, font weight 700.
Create button add_two displaying "Add to cart" with background #0f766e, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_three containing product_three_name, product_three_price, add_three with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_three_name displaying "Leather folio" with font size 20 pixels.
Create text product_three_price displaying "$40" with text color #0f766e, font weight 700.
Create button add_three displaying "Add to cart" with background #0f766e, text color white, padding 10 pixels, border radius 8 pixels.
Create container cart_bar containing cart_label, cart_count, clear_cart with direction horizontal, alignment center, distribution between, padding 18 pixels, background #0f172a, text color white, border radius 12 pixels.
Create text cart_label displaying "Cart" with text color white.
Create heading cart_count with text color white, font size 24 pixels.
Create state cart with value 0.
cart_count displays state cart.
When add_one is clicked, increase cart by 1.
When add_two is clicked, increase cart by 1.
When add_three is clicked, increase cart by 1.
Create button clear_cart displaying "Clear" with background transparent, text color white, padding 8 pixels.
When clear_cart is clicked, set cart to 0.
On screens below 760 pixels, product_grid grid columns is 1.
commerce

Kindred Market 74 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0074
Create page shop containing header, product_grid, cart_bar with viewport fill, background #f8fafc, padding 26 pixels, gap 22 pixels.
Create container header containing shop_title, shop_copy with gap 8 pixels.
Create heading shop_title displaying "Kindred Market 74" with font size 34 pixels, font weight 800.
Create text shop_copy displaying "Objects selected for useful, beautiful everyday living." with text color #64748b.
Create container product_grid containing product_one, product_two, product_three with layout grid, grid columns 3, gap 18 pixels.
Create card product_one containing product_one_name, product_one_price, add_one with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_one_name displaying "Studio chair" with font size 20 pixels.
Create text product_one_price displaying "$41" with text color #be123c, font weight 700.
Create button add_one displaying "Add to cart" with background #be123c, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_two containing product_two_name, product_two_price, add_two with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_two_name displaying "Ceramic lamp" with font size 20 pixels.
Create text product_two_price displaying "$41" with text color #be123c, font weight 700.
Create button add_two displaying "Add to cart" with background #be123c, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_three containing product_three_name, product_three_price, add_three with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_three_name displaying "Leather folio" with font size 20 pixels.
Create text product_three_price displaying "$41" with text color #be123c, font weight 700.
Create button add_three displaying "Add to cart" with background #be123c, text color white, padding 10 pixels, border radius 8 pixels.
Create container cart_bar containing cart_label, cart_count, clear_cart with direction horizontal, alignment center, distribution between, padding 18 pixels, background #0f172a, text color white, border radius 12 pixels.
Create text cart_label displaying "Cart" with text color white.
Create heading cart_count with text color white, font size 24 pixels.
Create state cart with value 0.
cart_count displays state cart.
When add_one is clicked, increase cart by 1.
When add_two is clicked, increase cart by 1.
When add_three is clicked, increase cart by 1.
Create button clear_cart displaying "Clear" with background transparent, text color white, padding 8 pixels.
When clear_cart is clicked, set cart to 0.
On screens below 760 pixels, product_grid grid columns is 1.
commerce

Juniper Market 75 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0075
Create page shop containing header, product_grid, cart_bar with viewport fill, background #f8fafc, padding 26 pixels, gap 22 pixels.
Create container header containing shop_title, shop_copy with gap 8 pixels.
Create heading shop_title displaying "Juniper Market 75" with font size 34 pixels, font weight 800.
Create text shop_copy displaying "Objects selected for useful, beautiful everyday living." with text color #64748b.
Create container product_grid containing product_one, product_two, product_three with layout grid, grid columns 3, gap 18 pixels.
Create card product_one containing product_one_name, product_one_price, add_one with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_one_name displaying "Studio chair" with font size 20 pixels.
Create text product_one_price displaying "$42" with text color #b45309, font weight 700.
Create button add_one displaying "Add to cart" with background #b45309, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_two containing product_two_name, product_two_price, add_two with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_two_name displaying "Ceramic lamp" with font size 20 pixels.
Create text product_two_price displaying "$42" with text color #b45309, font weight 700.
Create button add_two displaying "Add to cart" with background #b45309, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_three containing product_three_name, product_three_price, add_three with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_three_name displaying "Leather folio" with font size 20 pixels.
Create text product_three_price displaying "$42" with text color #b45309, font weight 700.
Create button add_three displaying "Add to cart" with background #b45309, text color white, padding 10 pixels, border radius 8 pixels.
Create container cart_bar containing cart_label, cart_count, clear_cart with direction horizontal, alignment center, distribution between, padding 18 pixels, background #0f172a, text color white, border radius 12 pixels.
Create text cart_label displaying "Cart" with text color white.
Create heading cart_count with text color white, font size 24 pixels.
Create state cart with value 0.
cart_count displays state cart.
When add_one is clicked, increase cart by 1.
When add_two is clicked, increase cart by 1.
When add_three is clicked, increase cart by 1.
Create button clear_cart displaying "Clear" with background transparent, text color white, padding 8 pixels.
When clear_cart is clicked, set cart to 0.
On screens below 760 pixels, product_grid grid columns is 1.
commerce

Solace Market 76 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0076
Create page shop containing header, product_grid, cart_bar with viewport fill, background #f8fafc, padding 26 pixels, gap 22 pixels.
Create container header containing shop_title, shop_copy with gap 8 pixels.
Create heading shop_title displaying "Solace Market 76" with font size 34 pixels, font weight 800.
Create text shop_copy displaying "Objects selected for useful, beautiful everyday living." with text color #64748b.
Create container product_grid containing product_one, product_two, product_three with layout grid, grid columns 3, gap 18 pixels.
Create card product_one containing product_one_name, product_one_price, add_one with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_one_name displaying "Studio chair" with font size 20 pixels.
Create text product_one_price displaying "$43" with text color #4338ca, font weight 700.
Create button add_one displaying "Add to cart" with background #4338ca, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_two containing product_two_name, product_two_price, add_two with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_two_name displaying "Ceramic lamp" with font size 20 pixels.
Create text product_two_price displaying "$43" with text color #4338ca, font weight 700.
Create button add_two displaying "Add to cart" with background #4338ca, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_three containing product_three_name, product_three_price, add_three with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_three_name displaying "Leather folio" with font size 20 pixels.
Create text product_three_price displaying "$43" with text color #4338ca, font weight 700.
Create button add_three displaying "Add to cart" with background #4338ca, text color white, padding 10 pixels, border radius 8 pixels.
Create container cart_bar containing cart_label, cart_count, clear_cart with direction horizontal, alignment center, distribution between, padding 18 pixels, background #0f172a, text color white, border radius 12 pixels.
Create text cart_label displaying "Cart" with text color white.
Create heading cart_count with text color white, font size 24 pixels.
Create state cart with value 0.
cart_count displays state cart.
When add_one is clicked, increase cart by 1.
When add_two is clicked, increase cart by 1.
When add_three is clicked, increase cart by 1.
Create button clear_cart displaying "Clear" with background transparent, text color white, padding 8 pixels.
When clear_cart is clicked, set cart to 0.
On screens below 760 pixels, product_grid grid columns is 1.