---
title: Overview
---

EmbedJs comes with built-in support for various data sources.
We handle the complexity of loading unstructured data from these data sources, allowing you to easily customize your app through a user-friendly interface.

<CardGroup cols={4}>
    <Card title="PDF file" href="/components/data-sources/pdf" />
    <Card title="CSV file" href="/components/data-sources/csv" />
    <Card title="JSON file" href="/components/data-sources/json" />
    <Card title="XML file" href="/components/data-sources/xml" />
    <Card title="Text" href="/components/data-sources/text" />
    <Card title="Directory" href="/components/data-sources/directory" />
    <Card title="Confluence" href="/components/data-sources/confluence" />
    <Card title="Web page" href="/components/data-sources/web-page" />
    <Card title="Youtube Video" href="/components/data-sources/youtube-video" />
    <Card title="Youtube Channel" href="/components/data-sources/youtube-channel" />
    <Card title="Youtube Search" href="/components/data-sources/youtube-search" />
    <Card title="DOCX file" href="/components/data-sources/docx" />
    <Card title="PPT file" href="/components/data-sources/ppt" />
    <Card title="Excel file" href="/components/data-sources/excel" />
    <Card title="Sitemap" href="/components/data-sources/sitemap" />
    <Card title="Markdown / MDX" href="/components/data-sources/markdown" />
    <Card title="Custom" href="/components/data-sources/custom" />
</CardGroup>

<br/ >

<Snippet file="missing-data-source-tip.mdx" />
