> For the complete documentation index, see [llms.txt](https://docs.usegravity.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.usegravity.app/gravity-web/views.md).

# Views

Gravity has a custom [`<View>`](/gravity-web/components/view.md) component that serves two purposes:

1. Houses global components that are common to all views like [notification](/gravity-web/components/notification.md) and [modal](/gravity-web/components/modal.md).
2. [Handles errors](/gravity-web/handling-errors.md)

The `View` component is a wrapper around all of your UI views and can show a [modal](/gravity-web/components/modal.md), create a [banner notification](/gravity-native/components/notification.md) or [handle an error](/gravity-web/handling-errors.md) from anywhere in your application.

### Creating New Views

To add a new view to your application, you add a new view file in the `/client/src/views` directory and [add a new route](/gravity-web/routing.md#defining-a-new-route) in Node.js.

In Next.js you create a new page.jsx file inside the /src/app folder.

You can also generate new views quickly using the [toolbelt.](/gravity-server/cli-toolbelt.md)