> ## Documentation Index
> Fetch the complete documentation index at: https://docs.uselooop.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Introduction
> Cart elements allow you to build a custom cart without using Webflow ecommerce cart.
The cart element has two states - empty and default. You can style the cart in the empty state and the default state separately. The cart is empty by default.
## Cart wrapper
This is the outermost wrapper of the cart. It contains the cart states.
Give this cart wrapper an attribute of
```html theme={null}
looop=cart
```
## Developing cart states
Inside this wrapper, we need to add two required elements - the empty cart and the default cart.
This cart state is visible when the cart is empty.
This cart state is visible when the cart has items.