Skip to content

LANGUAGE V1 · FROZEN REFERENCE

Example library

2,000 results · Page 82 of 167

commerce

Monument Market 173 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0173
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 173" 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 "$80" 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 "$70" 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 174 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0174
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 174" 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 "$81" 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 "$71" 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 175 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0175
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 175" 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 "$82" 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 "$72" 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 176 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0176
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 176" 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 "$83" 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 "$73" 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

Arc Market 177 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0177
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 "Arc Market 177" 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 "$44" 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 "$84" 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 "$74" 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

Vesper Market 178 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0178
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 "Vesper Market 178" 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 "$45" 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 "$85" 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 "$75" 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

Fieldwork Market 179 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0179
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 "Fieldwork Market 179" 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 "$46" 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 "$86" 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 "$76" 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

Ember Market 180 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0180
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 "Ember Market 180" 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 "$47" 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 "$87" 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 "$77" 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

Aurelia Market 181 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0181
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 "Aurelia Market 181" 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 "$48" 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 "$28" 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 "$78" 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

Northstar Market 182 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0182
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 "Northstar Market 182" 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 "$49" 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 "$29" 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 "$79" 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

Velvet House Market 183 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0183
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 "Velvet House Market 183" 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 "$50" 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 "$30" 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 "$80" 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

Luma Market 184 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0184
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 "Luma Market 184" 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 "$51" 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 "$31" 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 "$81" 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.