# Introduction

**FeedSpring is a social feed platform that separates data from display.**

Connect a source like [Instagram](/doc-working/feeds/instagram.md), [Google Reviews](/doc-working/feeds/google-reviews.md), [TikTok](/doc-working/feeds/tiktok.md), [Dribbble](/doc-working/feeds/dribbble.md), or [YouTube](/doc-working/feeds/youtube.md), and FeedSpring handles the fetching, storing, syncing, and refreshing. You handle the design.

Unlike traditional feed widgets, FeedSpring doesn't force a fixed UI. Instead, you choose a rendering system that fits your stack — [HTML Attributes](/doc-working/delivery-methods/attributes-html.md), [React Components](/doc-working/delivery-methods/react-components.md), or the [API](/doc-working/delivery-methods/api-graphql.md) — and render feeds any way you want.

The same feed powers every platform and rendering system.

<figure><img src="/files/6lXRFBnidTjpJouW3OtX" alt=""><figcaption></figcaption></figure>

### What this documentation covers

FeedSpring has four core parts:

* **Feed Sources:**
  * [Instagram](/doc-working/feeds/instagram.md), [Google Reviews](/doc-working/feeds/google-reviews.md), [TikTok](/doc-working/feeds/tiktok.md), [Dribbble](/doc-working/feeds/dribbble.md) and [YouTube](/doc-working/feeds/youtube.md)
* **Rendering Systems:**&#x20;
  * [HTML Attributes](/doc-working/delivery-methods/attributes-html.md), [React Components](/doc-working/delivery-methods/react-components.md), and the [API](/doc-working/delivery-methods/api-graphql.md).
* **Platform Integrations:**&#x20;
  * [Webflow](/doc-working/delivery-methods/webflow-components.md), [Framer](/doc-working/delivery-methods/framer-components.md)
* **Core concepts:**&#x20;
  * [How feeds sync](/doc-working/core-concepts/feeds-and-syncing.md), [fields work](/doc-working/core-concepts/posts-and-fields.md), [rendering behaves](/doc-working/core-concepts/rendering-behaviour.md), and how [content filtering](/doc-working/core-concepts/filtering-and-limits.md) works.

### Where to start

* New to FeedSpring? Follow the [Quickstart](/doc-working/getting-started/quickstart.md) to get a live feed in under five minutes.
* Building in **Webflow or plain HTML?** See [Attributes](/doc-working/delivery-methods/attributes-html.md).
* Building a **React or Next.js app?** See [React Components](/doc-working/delivery-methods/react-components.md).
* Building in **Framer**? See [Framer Components](/doc-working/delivery-methods/framer-components.md).
* Want **raw data access?** See the [API](/doc-working/delivery-methods/api-graphql.md).

If you are an **AI coding agent** or using Claude, Cursor, or v0, the [Attribute Reference](/doc-working/attributes-reference.md) is the single-page spec designed for you.

### Support & Feedback <a href="#support-and-feedback" id="support-and-feedback"></a>

If you have any questions, feedback or would like to just say hi, you can get through to us via the following channels:

* [Our Discord community](https://discord.gg/B7p7Qzb6Br)
* Email us at <hello@feedspring.com>
* [Twitter](https://x.com/feedspring_), [Quillow](https://quillow.co/feedspring) or [LinkedIn](https://www.linkedin.com/company/feedspring/).


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.feedspring.com/doc-working/getting-started/introduction.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.