> ## Documentation Index
> Fetch the complete documentation index at: https://canvacord.neplex.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Canvacord Examples

> Various examples of Canvacord API usage that you can copy and paste into your project.

<Note>
  Got something cool to show? [Submit your own
  example](https://github.com/neplextech/canvacord) by making a pull request.
</Note>

## Builder Examples

Here are some examples of Canvacord's Builder API usage that you can copy and paste into your project.

<CardGroup cols={3}>
  <Card title="Greetings Card" href="/examples/builders/greetings-card" icon="hand-wave">
    Welcomer/Leaver card with a custom background and text.
  </Card>

  <Card title="Music Card" href="/examples/builders/music-card" icon="music">
    A music player card with a custom background and text.
  </Card>

  <Card title="Instagram Post" href="/examples/builders/instagram-post" icon="instagram">
    An Instagram post card.
  </Card>

  <Card title="Tweet Card" href="/examples/builders/tweet-card" icon="twitter">
    A tweet card example.
  </Card>

  <Card title="Analog Clock" href="/examples/builders/analog-clock" icon="clock">
    An analog clock example.
  </Card>

  <Card title="Discord Embed" href="/examples/builders/discord-embed" icon="discord">
    A Discord embed example.
  </Card>

  <Card title="Discord Profile (large)" href="/examples/builders/discord-profile-large" icon="discord">
    A large Discord profile card.
  </Card>

  <Card title="Discord Profile (small)" href="/examples/builders/discord-profile-small" icon="discord">
    A smaller Discord profile card.
  </Card>
</CardGroup>

## Image Manipulation Examples

Here are some examples of Canvacord's Image Manipulation API usage that you can copy and paste into your project.

<CardGroup cols={3}>
  <Card title="Stewie Griffin" href="/examples/image-manipulation/stewie-griffin" icon="gif">
    Become Stewie Griffin from Family Guy.
  </Card>
</CardGroup>