---
description: Display plan availability information.
title: Plan
image: https://developers.cloudflare.com/style-guide/build-the-page/components/plan/og.png?v=f6e180c6043086ba
---
[Skip to content](#main-content)
> Documentation Index
> Fetch the complete documentation index at: https://developers.cloudflare.com/style-guide/llms.txt
> Use this file to discover all available pages before exploring further.
# Plan
Last updated Aug 20, 2026|Copy as Markdown| [View as Markdown](https://developers.cloudflare.com/style-guide/build-the-page/components/plan/index.md)| [Agent setup](https://developers.cloudflare.com/agent-setup/)
The `Plan` component is used `76` times on `72` pages.
See all examples of pages that use Plan
Used **76** times.
**Pages**
- /1.1.1.1/-Source
- /ai-crawl-control/features/manage-ai-crawlers/-Source
- /ai-crawl-control/-Source
- /ai-gateway/-Source
- /ai-search/-Source
- /ai/-Source
- /api-shield/-Source
- /api-shield/management-and-monitoring/endpoint-management/-Source
- /argo-smart-routing/-Source
- /basin-pipelines/-Source
- /bots/-Source
- /browser-run/-Source
- /browser-run/pricing/-Source
- /byoip/-Source
- /cache/-Source
- /client-side-security/-Source
- /cloudflare-network-firewall/-Source
- /cloudflare-one/-Source
- /cloudflare-one/insights/logs/logpush/-Source
- /cloudflare-one/networks/connectors/cloudflare-wan/-Source
- /cloudflare-one/traffic-policies/packet-filtering/network-firewall-overview/-Source
- /cloudflare-wan/-Source
- /containers/-Source
- /d1/-Source
- /data-localization/-Source
- /ddos-protection/-Source
- /dmarc-management/-Source
- /dns/dns-firewall/-Source
- /dns/-Source
- /dns/internal-dns/-Source
- /dns/private-origins/-Source
- /durable-objects/-Source
- /email-security/-Source
- /email-service/-Source
- /hyperdrive/-Source
- /images/-Source
- /k2/-Source
- /kv/-Source
- /load-balancing/-Source
- /magic-transit/-Source
- /multi-cloud-networking/-Source
- /network-flow/-Source
- /network-interconnect/-Source
- /network/-Source
- /ohttp-relay/-Source
- /pages/-Source
- /privacy-proxy/-Source
- /queues/-Source
- /radar/-Source
- /registrar/-Source
- /resource-tagging/-Source
- /rules/-Source
- /rules/trace-request/-Source
- /sandbox/-Source
- /sandbox/sdk/-Source
- /secrets-store/-Source
- /spectrum/-Source
- /speed/-Source
- /ssl/-Source
- /tunnel/-Source
- /version-management/-Source
- /waf/-Source
- /waiting-room/-Source
- /warp-client/-Source
- /web-analytics/-Source
- /web-search/-Source
- /web3/-Source
- /workers-ai/-Source
- /workers-vpc/-Source
- /workflows/-Source
- /zaraz/-Source
- /zaraz/reference/settings/-Source
**Partials**
The plan component lets you define what type of plan your product needs. Use it in the main [Overview page](https://developers.cloudflare.com/style-guide/documentation-content-strategy/content-types/overview/) of your product, or in a page where you need to talk about a specific feature with additional requirements.
Use ``, choosing the type that matches your product's availability.
Refer to the examples below for more information.
```mdx
import { Plan } from "~/components"
```
Was this helpful?
YesNo
## On this page
[Docs](https://developers.cloudflare.com/)
```json
{"@context":"https://schema.org","@type":"TechArticle","@id":"https://developers.cloudflare.com/style-guide/build-the-page/components/plan/#page","headline":"Plan","description":"Display plan availability information.","url":"https://developers.cloudflare.com/style-guide/build-the-page/components/plan/","inLanguage":"en","image":"https://developers.cloudflare.com/style-guide/build-the-page/components/plan/og.png?v=f6e180c6043086ba","dateModified":"2026-08-20","publisher":{"@type":"Organization","name":"Cloudflare","description":"One platform for your apps, agents, and workforce. Build, secure, and scale without managing infrastructure","url":"https://www.cloudflare.com/","sameAs":["https://github.com/cloudflare","https://www.linkedin.com/company/cloudflare","https://x.com/cloudflare"],"logo":{"@type":"ImageObject","url":"https://developers.cloudflare.com/logo.svg"},"address":{"@type":"PostalAddress","streetAddress":"101 Townsend St","addressLocality":"San Francisco","addressRegion":"CA","postalCode":"94107","addressCountry":"US"},"contactPoint":[{"@type":"ContactPoint","contactType":"Customer Support","url":"https://support.cloudflare.com/","availableLanguage":["English"]},{"@type":"ContactPoint","contactType":"Sales","url":"https://www.cloudflare.com/contact/","availableLanguage":["English"]}]},"isPartOf":{"@type":"WebSite","@id":"https://developers.cloudflare.com/#website","name":"Cloudflare Docs","url":"https://developers.cloudflare.com/"}}
```