---
title: "Layouts"
description: "This example shows how to define default and custom layouts."
canonical_url: "https://nuxt.com/docs/examples/features/layouts"
---
# Layouts

> This example shows how to define default and custom layouts.

::code-explorer{path="examples/features/layouts" default-value="pages/index.vue"}
::

::browser{src="https://layouts.example.nuxt.space"}
::

::read-more{to="https://nuxt.com/docs/getting-started/views#layouts"}
::

::read-more{to="https://nuxt.com/docs/guide/directory-structure/layouts"}
::

---

- [Source](https://github.com/nuxt/examples/tree/main/examples/features/layouts)


## Sitemap

See the full [sitemap](https://nuxt.com/sitemap.md) for all pages.