> ## Documentation Index
> Fetch the complete documentation index at: https://engage-docs.frigade.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Components Overview

> Beautiful UI components, best practices built-in

***

Frigade comes with a library of pixel-perfect React UI components so you don't have to reinvent the wheel. Get started with one click creation from the <a href="https://app.frigade.com/dev/components">Components</a> tab, and visit the [SDK](/sdk/overview) docs for advanced usage and [styling guides](/sdk/styling/theming).

### Resources

<CardGroup cols={2}>
  <Card title="Figma UI Kit" icon="figma" href="https://www.figma.com/community/file/1311771082704525565/frigade-product-onboarding-ui-components">
    Free Figma file with Frigade components
  </Card>

  <Card title="Frigade Demo" icon="sparkles" href="https://demo.frigade.com/">
    See Frigade components in action
  </Card>
</CardGroup>

### Components

<CardGroup cols={2}>
  <Card title="Announcement" icon="bullhorn" href="/component/announcement">
    Communicate major product updates
  </Card>

  <Card title="Banner" icon="circle-info" href="/component/banner">
    Display inline product communications
  </Card>

  <Card title="Card" icon="rectangle" href="/component/inline-card">
    Embed tips and house ads in your UI
  </Card>

  <Card title="Checklist" icon="square-check" href="/component/checklist/">
    Activate users and drive account setup
  </Card>

  <Card title="Form" icon="clipboard" href="/component/form">
    Build native forms inline or in modals
  </Card>

  <Card title="Hints" icon="circle-question" href="/component/hint">
    Guide users to important UI elements
  </Card>

  <Card title="NPS Survey" icon="gauge-high" href="/component/survey/">
    Collect user feedback and other info
  </Card>

  <Card title="Tour" icon="comment-dots" href="/component/tour">
    Launch interactive, guided tours
  </Card>

  <Card title="Custom component" icon="gear" href="/guides/custom">
    Build with the headless Frigade SDKs
  </Card>
</CardGroup>