---
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)

***

Collaboration

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

Developers keep full control of the code, while merchants make content changes in a no-code editor. Liquid, HTML, CSS, and JavaScript power everything underneath.

[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)

[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)

![A storefront product page for a plant beside the Liquid template code that renders its title, price, and description.](https://shopify-assets.shopifycdn.com/shopifycloud/shopify-dev/production/assets/assets/images/storefronts/index/card-image-liquid-C561uygs.png)

![The no-code theme editor beside the JSON section schema that configures its blocks and settings.](https://shopify-assets.shopifycdn.com/shopifycloud/shopify-dev/production/assets/assets/images/storefronts/index/card-image-nocode-C7gZs_Kg.png)

***

Distribution

## Integrate seamlessly into merchant workflows

Ship your work where merchants already are. Sell finished themes on the Shopify Theme Store, or extend any storefront with theme app extensions.

[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)

***

Dev tools

## Build faster with headless dev tools

Skip the setup and start shipping. Build on Shopify's headless framework and deploy to a global edge network, all designed to work together.

[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)

[Deploy for free with Oxygen\
\
](https://shopify.dev/docs/storefronts/headless/hydrogen/getting-started#step-5-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-5-deploy-to-oxygen)

![A Hydrogen storefront collection page annotated with the components that render it, including CartForm, Money, and Pagination.](https://shopify-assets.shopifycdn.com/shopifycloud/shopify-dev/production/assets/assets/images/storefronts/index/card-image-hydrogen-Bhz3weW4.png)

![A terminal deploying a built Hydrogen app to Oxygen's global edge network.](https://shopify-assets.shopifycdn.com/shopifycloud/shopify-dev/production/assets/assets/images/storefronts/index/card-image-oxygen-Bi9mTt8V.png)

***

Mobile

## Sell anywhere with mobile commerce

Bring Shopify into your native apps. Build shopping experiences with SDKs for Android and iOS, and drop in Shopify's high-converting checkout.

[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)

***

Extensions

## Extend every part of the platform

Tailor the experiences that merchants and their customers rely on. Add functionality to customer accounts and checkout with UI extensions.

[Customer Account extensions\
\
](https://shopify.dev/docs/api/customer-account-ui-extensions)

[Add custom functionality to your customer account experience.](https://shopify.dev/docs/api/customer-account-ui-extensions)

[Checkout UI extensions\
\
](https://shopify.dev/docs/api/checkout-ui-extensions)

[Customize the world's best-performing checkout.](https://shopify.dev/docs/api/checkout-ui-extensions)

***