# VividThread Collective

[VividThread Collective](https://streetwear-pod.mock.shop/llms.txt) is a [mock.shop](https://www.mock.shop/) sample store for building against a streetwear and accessories shop before a real Shopify store is ready. The catalog includes heavyweight distressed tees, oversized hoodies, graphic-print and bold-print bomber jackets, structured cargo pants, caps, belts, utility backpacks, crew socks, and a decorative poster. There are 30 products across four collections. Each product has two selectors, with prices that vary across its variants.

mock.shop is an auth-free Shopify Storefront GraphQL API backed by sample reference stores. Find out more about [mock.shop sample stores](https://www.shopify.com/blog/mock-shop).

## When to use this store

Choose VividThread Collective when you want to build a streetwear and accessories shop with outfit carts combining streetwear, outerwear, and accessories.

Use VividThread Collective for:

- Streetwear and accessories shop with heavyweight distressed tees, oversized hoodies, graphic-print and bold-print bomber jackets, structured cargo pants, caps, belts, utility backpacks, crew socks, and a decorative poster
- `Color` and `Size` choices on “Street Black heavyweight distressed tee”
- Outfit carts combining streetwear, outerwear, and accessories

Choose another mock.shop store if you need a smaller streetwear catalog focused on tees, hoodies, and cargo pants. Browse <https://mock.shop/llms.txt> to find a store that matches your catalog.

## Example VividThread Collective query

Here’s an example GraphQL `POST` request that retrieves options and variant prices for one product from <https://streetwear-pod.mock.shop/api>:

```bash
curl https://streetwear-pod.mock.shop/api \
  -H 'Content-Type: application/json' \
  --data '{"query":"{ product(handle: \"street-black-heavyweight-distressed-tee\") { id title options { name values } variants(first: 50) { pageInfo { hasNextPage } nodes { id title selectedOptions { name value } price { amount currencyCode } compareAtPrice { amount currencyCode } availableForSale } } } }"}'
```

This query retrieves Street Black heavyweight distressed tee, including option values, variant IDs, selected options, availability, and current and compare-at prices. Use the selected variant’s ID and price when adding it to a cart.

The endpoint doesn't require authentication or an access token. Read <https://streetwear-pod.mock.shop/llms.txt> for catalog details and store-specific instructions.

## What this catalog lets you test

Build a streetwear shop with tees, hoodies, bomber jackets, cargo pants, and accessories. VividThread Collective has 30 products across four collections, including Structural Outerwear Layers and Minimalist Utility Accessories. The “Street Black heavyweight distressed tee” pairs Color with Size, with prices that change by color. Other items use different option pairs, so customers can select clothing and accessories on their own product pages before adding an outfit to the cart. This is the streetwear catalog, distinct from the other VividThread Collective sample store.

Preview the catalog in a storefront by opening <https://streetwear-pod.hydrogen.mock.shop> in a browser.

![VividThread Collective product page for Street Black heavyweight distressed tee showing color and size selectors, price $42.00, with product and skate lifestyle images](images/vividthread-collective-streetwear-street-black-heavyweight-distressed-tee-20260911.webp)

## Build with an AI coding tool

To build a streetwear and accessory storefront with VividThread Collective using Claude, ChatGPT, Cursor, Lovable, or another AI assistant, copy the prompt below. It gives the assistant the store domain and directs it to the catalog instructions before it starts writing code.

```text
Build me a Hydrogen storefront using streetwear-pod.mock.shop as the store domain. Setup instructions: streetwear-pod.mock.shop/llms.txt
```

Shopify also provides a [mock.shop starter project](https://github.com/Shopify/mock-shop-starter): a Hydrogen storefront with product pages, collection browsing, and a working cart already connected to mock.shop. You or your AI coding tool can customize this code instead of building those pieces from scratch.

Follow the repository’s setup instructions, then set `PUBLIC_STORE_DOMAIN=streetwear-pod.mock.shop` in `.env` and restart the dev server to use VividThread Collective’s catalog. Leave `PUBLIC_STOREFRONT_API_TOKEN` empty; mock.shop doesn’t require a token.

## Move to a real Shopify store

mock.shop uses fictional, read-only catalog data. Cart operations work, and checkout is mocked: no payment is taken and no real order is placed. The Customer Account API isn’t supported.

When you’re ready to launch, point your storefront at a Shopify store and add that store’s public Storefront API token. If you don’t have a Shopify store yet, [start a Shopify free trial](https://www.shopify.com/free-trial) to create one.

Read the [mock.shop developer documentation](https://shopify.dev/docs/storefronts/headless/mock-shop) for setup and migration details.

## Store facts

| | |
|---|---|
| Store handle | `streetwear-pod` |
| Catalog model | Streetwear and accessories shop |
| Products | 30 |
| Collections | 4 |
| Categories | 11 |
| Variants per product | 12 |
| Compare-at prices | 5 products |
| Requires shipping | All products |
| API endpoint | <https://streetwear-pod.mock.shop/api> |
| Store instructions | <https://streetwear-pod.mock.shop/llms.txt> |
| Browser preview | <https://streetwear-pod.hydrogen.mock.shop> |