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

# Community Templates

> Browse hundreds of community-built UIs and use them as starting points

The VibeFlow community shares ready-made UI projects that you can browse, preview, and remix into your own work.

## Browsing Templates

<Steps>
  <Step title="Open Community">
    Navigate to **Community** in the sidebar or visit the community page from the
    landing page.
  </Step>

  <Step title="Browse or search">
    Scroll through the template gallery. Each template shows a preview image,
    title, and the original creator.
  </Step>

  <Step title="Preview">
    Click a template to open a live preview. Inspect the full UI before deciding
    to use it.
  </Step>
</Steps>

<img src="https://mintcdn.com/ui-docs/W-sne_ZvKY9t0PHX/images/community-templates.png?fit=max&auto=format&n=W-sne_ZvKY9t0PHX&q=85&s=db3d2fc41e59f969c0318352ef291ad4" alt="Community templates gallery" style={{ width: "100%", borderRadius: "8px", marginBottom: "1.5rem" }} width="1376" height="768" data-path="images/community-templates.png" />

## What's in a Template?

Each community template is a complete React project, including:

* Full component structure
* Styling (Tailwind CSS)
* Responsive layout
* Interactive elements

Templates cover a wide range of use cases: landing pages, dashboards, e-commerce storefronts, portfolios, admin panels, and more.

## Using a Template

When you find a template you like, click **Remix** to create your own copy. This creates a new project in your account that you can fully customize in the editor.

See [Remixing](/community/remixing) for details on how to customize a remixed template.

<Tip>
  **Templates are starting points, not final products.** Remix a template and
  then use the editor to change colors, content, layout, and components to match
  your needs.
</Tip>