--- description: Display a feature card on overview pages. title: Feature image: https://developers.cloudflare.com/og-docs.png --- [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. # Feature Last updated Aug 24, 2026|Copy as Markdown|[View as Markdown](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/style-guide/build-the-page/components/feature/index.md)|[Agent setup](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/agent-setup/) The `Feature` component is used `251` times on `67` pages. See all examples of pages that use Feature Used **251** times. **Pages** * [/1.1.1.1/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/1.1.1.1/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/1.1.1.1/index.mdx) * [/agent-memory/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/agent-memory/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/agent-memory/index.mdx) * [/ai-crawl-control/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/ai-crawl-control/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/ai-crawl-control/index.mdx) * [/ai-gateway/features/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/ai-gateway/features/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/ai-gateway/features/index.mdx) * [/ai-gateway/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/ai-gateway/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/ai-gateway/index.mdx) * [/ai-search/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/ai-search/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/ai-search/index.mdx) * [/ai/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/ai/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/ai/index.mdx) * [/analytics/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/analytics/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/analytics/index.mdx) * [/api-shield/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/api-shield/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/api-shield/index.mdx) * [/argo-smart-routing/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/argo-smart-routing/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/argo-smart-routing/index.mdx) * [/bots/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/bots/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/bots/index.mdx) * [/byoip/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/byoip/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/byoip/index.mdx) * [/cache/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/cache/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/cache/index.mdx) * [/client-side-security/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/client-side-security/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/client-side-security/index.mdx) * [/cloudflare-network-firewall/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/cloudflare-network-firewall/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/cloudflare-network-firewall/index.mdx) * [/cloudflare-one/networks/connectors/cloudflare-wan/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/cloudflare-one/networks/connectors/cloudflare-wan/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/cloudflare-one/networks/connectors/cloudflare-wan/index.mdx) * [/cloudflare-one/traffic-policies/packet-filtering/network-firewall-overview/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/cloudflare-one/traffic-policies/packet-filtering/network-firewall-overview/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/cloudflare-one/traffic-policies/packet-filtering/network-firewall-overview.mdx) * [/cloudflare-wan/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/cloudflare-wan/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/cloudflare-wan/index.mdx) * [/containers/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/containers/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/containers/index.mdx) * [/d1/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/d1/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/d1/index.mdx) * [/data-localization/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/data-localization/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/data-localization/index.mdx) * [/ddos-protection/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/ddos-protection/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/ddos-protection/index.mdx) * [/dns/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/dns/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/dns/index.mdx) * [/durable-objects/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/durable-objects/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/durable-objects/index.mdx) * [/email-security/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/email-security/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/email-security/index.mdx) * [/email-service/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/email-service/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/email-service/index.mdx) * [/flagship/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/flagship/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/flagship/index.mdx) * [/health-checks/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/health-checks/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/health-checks/index.mdx) * [/hyperdrive/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/hyperdrive/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/hyperdrive/index.mdx) * [/images/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/images/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/images/index.mdx) * [/kv/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/kv/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/kv/index.mdx) * [/load-balancing/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/load-balancing/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/load-balancing/index.mdx) * [/log-explorer/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/log-explorer/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/log-explorer/index.mdx) * [/logs/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/logs/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/logs/index.mdx) * [/magic-transit/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/magic-transit/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/magic-transit/index.mdx) * [/multi-cloud-networking/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/multi-cloud-networking/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/multi-cloud-networking/index.mdx) * [/network-flow/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/network-flow/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/network-flow/index.mdx) * [/network/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/network/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/network/index.mdx) * [/pages/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/pages/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/pages/index.mdx) * [/pipelines/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/pipelines/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/pipelines/index.mdx) * [/privacy-gateway/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/privacy-gateway/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/privacy-gateway/index.mdx) * [/privacy-proxy/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/privacy-proxy/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/privacy-proxy/index.mdx) * [/pulumi/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/pulumi/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/pulumi/index.mdx) * [/queues/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/queues/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/queues/index.mdx) * [/r2/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/r2/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/r2/index.mdx) * [/radar/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/radar/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/radar/index.mdx) * [/realtime/realtimekit/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/realtime/realtimekit/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/realtime/realtimekit/index.mdx) * [/registrar/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/registrar/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/registrar/index.mdx) * [/rules/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/rules/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/rules/index.mdx) * [/sandbox/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/sandbox/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/sandbox/index.mdx) * [/security/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/security/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/security/index.mdx) * [/spectrum/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/spectrum/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/spectrum/index.mdx) * [/speed/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/speed/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/speed/index.mdx) * [/ssl/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/ssl/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/ssl/index.mdx) * [/stream/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/stream/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/stream/index.mdx) * [/style-guide/build-the-page/components/feature/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/style-guide/build-the-page/components/feature/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/style-guide/build-the-page/components/feature.mdx) * [/turnstile/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/turnstile/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/turnstile/index.mdx) * [/vectorize/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/vectorize/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/vectorize/index.mdx) * [/waf/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/waf/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/waf/index.mdx) * [/waiting-room/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/waiting-room/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/waiting-room/index.mdx) * [/warp-client/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/warp-client/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/warp-client/index.mdx) * [/web-analytics/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/web-analytics/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/web-analytics/index.mdx) * [/web3/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/web3/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/web3/index.mdx) * [/workers-ai/features/fine-tunes/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/workers-ai/features/fine-tunes/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/workers-ai/features/fine-tunes/index.mdx) * [/workers-ai/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/workers-ai/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/workers-ai/index.mdx) * [/workflows/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/workflows/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/workflows/index.mdx) * [/zaraz/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/zaraz/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/zaraz/index.mdx) **Partials** The `` component lists features available in the product and provides a link button to use the feature. The header parameter supplies the feature name and the href parameter supplies the link to the feature. Text wrapped in the component supplies the description. ```mdx import { Feature } from "~/components" Hello, world! ``` [Astro](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/style-guide/build-the-page/components/feature/) Hello, world! Use Astro Was this helpful? YesNo ## On this page [![](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/_astro/logo.te5VL_aD.svg)Docs](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/) ```json {"@context":"https://schema.org","@type":"TechArticle","@id":"https://developers.cloudflare.com/style-guide/build-the-page/components/feature/#page","headline":"Feature ยท Cloudflare Style Guide","description":"Display a feature card on overview pages.","url":"https://developers.cloudflare.com/style-guide/build-the-page/components/feature/","inLanguage":"en","image":"https://developers.cloudflare.com/og-docs.png","dateModified":"2026-08-24","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/"}} ```