---
title: Storefronts
description: Storefronts on Shopify give you the power to sell the way you want. Use the tools you already know to reach your customers wherever they are.
source_url:
  html: https://shopify.dev/docs/storefronts
  md: https://shopify.dev/docs/storefronts.md
---

# Build and customize storefronts

Storefronts on Shopify give you the power to sell the way you want. Use the tools you already know to reach your customers wherever they are.

THEMES

## Complete customization, on Shopify's fully managed platform

Shopify themes let you tailor the look and feel of your storefront—without having to worry about servers, security, or scaling. Tweak an existing theme, or build your own from the ground up.

[#### Create a new theme\
\
](https://shopify.dev/docs/storefronts/themes/getting-started/create)

[Create and preview a starter theme in minutes, using real store data](https://shopify.dev/docs/storefronts/themes/getting-started/create)

[#### Customize an existing theme\
\
](https://shopify.dev/docs/storefronts/themes/getting-started/customize)

[Connect an existing theme codebase to start making updates](https://shopify.dev/docs/storefronts/themes/getting-started/customize)

### A flexible theming system that works for your whole team

[![](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/storefronts/index/card-image-liquid-C561uygs.png)](https://shopify.dev/docs/api/liquid)

### [Powered by Liquid](https://shopify.dev/docs/api/liquid)

[Liquid is Shopify’s simple and expressive templating language. Mix it with standard HTML, CSS, and JavaScript to create fully bespoke storefronts.](https://shopify.dev/docs/api/liquid)

[![](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/storefronts/index/card-image-nocode-C7gZs_Kg.png)](https://shopify.dev/docs/storefronts/themes/tools/online-editor)

### [No-code editor, with low-code configuration](https://shopify.dev/docs/storefronts/themes/tools/online-editor)

[Define composable blocks and sections with a simple JSON schema and let merchants make edits without needing to touch your code.](https://shopify.dev/docs/storefronts/themes/tools/online-editor)

### Integrate seamlessly into merchant workflows

[#### Build for the Theme Store\
\
](https://shopify.dev/docs/storefronts/themes/store)

[Create premium themes that work off the shelf, then sell to millions of merchants.](https://shopify.dev/docs/storefronts/themes/store)

[#### Theme app extensions\
\
](https://shopify.dev/docs/apps/online-store/theme-app-extensions)

[Build custom apps to augment storefront functionality, or install from the Shopify App Store.](https://shopify.dev/docs/apps/online-store/theme-app-extensions)

HEADLESS

## Full-stack control with the world's most advanced commerce APIs

When you need maximum flexibility, go headless with Shopify's composable commerce APIs. Get started faster with Hydrogen, our official headless framework, or bring your own stack.

[#### Storefront API\
\
](https://shopify.dev/docs/api/storefront)

[Surface product data anywhere, served from the edge with no rate limits](https://shopify.dev/docs/api/storefront)

[#### Customer Account API\
\
](https://shopify.dev/docs/api/customer)

[Build personalized commerce into any part of your stack](https://shopify.dev/docs/api/customer)

[#### Storefront Web Components\
\
](https://shopify.dev/docs/api/storefront-web-components)

[Sell products anywhere with a few lines of embedded HTML](https://shopify.dev/docs/api/storefront-web-components)

### Build faster with headless dev tools

[![](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/storefronts/index/card-image-hydrogen-Bhz3weW4.png)](https://shopify.dev/docs/storefronts/headless/hydrogen/getting-started)

### [Get a head start with Hydrogen](https://shopify.dev/docs/storefronts/headless/hydrogen/getting-started)

[Skip the boilerplate and start building fast with Shopify's batteries-included headless framework, built on top of Remix.](https://shopify.dev/docs/storefronts/headless/hydrogen/getting-started)

[![](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/storefronts/index/card-image-oxygen-Bi9mTt8V.png)](https://shopify.dev/docs/storefronts/headless/hydrogen/getting-started#step-4-deploy-to-oxygen)

### [Deploy for free with Oxygen](https://shopify.dev/docs/storefronts/headless/hydrogen/getting-started#step-4-deploy-to-oxygen)

[Host Hydrogen apps on Oxygen, our global serverless edge, and preview every update before deploying to production. All at no extra charge.](https://shopify.dev/docs/storefronts/headless/hydrogen/getting-started#step-4-deploy-to-oxygen)

### Sell anywhere with mobile commerce

[#### Mobile SDKs\
\
](https://shopify.dev/docs/storefronts/mobile)

[Build native shopping experiences with SDKs for Android and iOS.](https://shopify.dev/docs/storefronts/mobile)

[#### Checkout Kit\
\
](https://shopify.dev/docs/storefronts/mobile/checkout-kit)

[Add the world's best performing checkout to your mobile apps.](https://shopify.dev/docs/storefronts/mobile/checkout-kit)

### Extend every part of the platform

![Customer Account extensions](https://shopify.dev/images/icons/48/blocks.png)![Customer Account extensions](https://shopify.dev/images/icons/48/blocks-dark.png)

#### Customer Account extensions

Add custom functionality to your customer account experience.

[Learn more](https://shopify.dev/docs/api/customer-account-ui-extensions)

![Checkout UI extensions](https://shopify.dev/images/icons/48/cart.png)![Checkout UI extensions](https://shopify.dev/images/icons/48/cart-dark.png)

#### Checkout UI extensions

Customize the world's best-performing checkout.

[Learn more](https://shopify.dev/docs/api/checkout-ui-extensions)