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 for details on how to customize a remixed template.
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.
{"docsConfig":{"$schema":"https://mintlify.com/docs.json","theme":"mint","name":"VibeFlow UI","colors":{"primary":"#14B8A6","light":"#2DD4BF","dark":"#0D9488"},"favicon":"https://mintcdn.com/ui-docs/bdOwiv67hUJFpqkG/logo/vibeflow-logo.png?fit=max\u0026auto=format\u0026n=bdOwiv67hUJFpqkG\u0026q=85\u0026s=d7bdb4a429189d3fc0476558c181d167","logo":{"light":"https://mintcdn.com/ui-docs/bdOwiv67hUJFpqkG/logo/light-logo.png?fit=max\u0026auto=format\u0026n=bdOwiv67hUJFpqkG\u0026q=85\u0026s=2f61dea3645c60243e65d01d7fbb20ed","dark":"https://mintcdn.com/ui-docs/bdOwiv67hUJFpqkG/logo/vibeflow-logo.png?fit=max\u0026auto=format\u0026n=bdOwiv67hUJFpqkG\u0026q=85\u0026s=d7bdb4a429189d3fc0476558c181d167"},"navbar":{"links":[{"label":"Launch App","href":"https://ui.vibeflow.ai"},{"label":"Contact Us","href":"mailto:[email protected]"}],"primary":null},"footer":{"socials":{"discord":"https://discord.com/invite/Ctm2A2uEaq","linkedin":"https://www.linkedin.com/company/vibeflowai","x":"https://www.x.com/vibeflowai"}},"styling":{"latex":false},"navigation":{"global":{"anchors":[{"anchor":"Community","href":"https://discord.com/invite/Ctm2A2uEaq","icon":"discord"}]},"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"ui-docs","hasAudioNarration":false,"actualSubdomain":"ui-docs","customDomains":["ui-docs.vibeflow.ai"],"gitSource":{"type":"github","owner":"vibeflowing-inc","repo":"ui-docs","deployBranch":"main","contentDirectory":"","isPrivate":true,"mountPath":"","label":""},"entitlements":{"AI_CHAT":{"status":"DISABLED"}},"buildId":"6ae94a47e5b11aa510b63d57:success","clientVersion":"0.0.4088","searchFilterCounts":[{"language":"default","tag":"Editor","count":8},{"language":"default","tag":"Documentation","count":7},{"language":"default","tag":"Design Foundation","count":6},{"language":"default","tag":"Creating Projects","count":3},{"language":"default","tag":"Community","count":2},{"language":"default","tag":"Getting Started","count":2}]},"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":false,"enableContextualStarterQuestions":false,"enableAskAiSearchBar":true},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"rbac-expansion","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-metadata","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-serve","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"live-agents","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"comment-mode","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"community/templates","slug":"/community/templates","pageMetadata":{"title":"Community Templates","description":"Browse hundreds of community-built UIs and use them as starting points","href":"/community/templates"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Browse hundreds of community-built UIs and use them as starting points\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={a:`a`,li:`li`,p:`p`,strong:`strong`,ul:`ul`,..._provideComponents(),...props.components},{Heading,OptimizedImage,Step,Steps,Tip}=_components;if(!Heading)_missingMdxReference(`Heading`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);if(!Step)_missingMdxReference(`Step`,true);if(!Steps)_missingMdxReference(`Steps`,true);if(!Tip)_missingMdxReference(`Tip`,true);return _jsxs(_Fragment,{children:[_jsx(_components.p,{children:`The VibeFlow community shares ready-made UI projects that you can browse, preview, and remix into your own work.`}),`\n`,_jsx(Heading,{level:`2`,id:`browsing-templates`,children:`Browsing Templates`}),`\n`,_jsxs(Steps,{children:[_jsx(Step,{title:`Open Community`,children:_jsxs(_components.p,{children:[`Navigate to `,_jsx(_components.strong,{children:`Community`}),` in the sidebar or visit the community page from the\nlanding page.`]})}),_jsx(Step,{title:`Browse or search`,children:_jsx(_components.p,{children:`Scroll through the template gallery. Each template shows a preview image,\ntitle, and the original creator.`})}),_jsx(Step,{title:`Preview`,children:_jsx(_components.p,{children:`Click a template to open a live preview. Inspect the full UI before deciding\nto use it.`})})]}),`\n`,_jsx(OptimizedImage,{src:`https://mintcdn.com/ui-docs/W-sne_ZvKY9t0PHX/images/community-templates.png?fit=max\u0026auto=format\u0026n=W-sne_ZvKY9t0PHX\u0026q=85\u0026s=db3d2fc41e59f969c0318352ef291ad4`,alt:`Community templates gallery`,style:{width:`100%`,borderRadius:`8px`,marginBottom:`1.5rem`},\"data-og-width\":`1376`,width:`1376`,\"data-og-height\":`768`,height:`768`,\"data-path\":`images/community-templates.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/ui-docs/W-sne_ZvKY9t0PHX/images/community-templates.png?w=280\u0026fit=max\u0026auto=format\u0026n=W-sne_ZvKY9t0PHX\u0026q=85\u0026s=52773af5ef5045492bbd14d4da009efc 280w, https://mintcdn.com/ui-docs/W-sne_ZvKY9t0PHX/images/community-templates.png?w=560\u0026fit=max\u0026auto=format\u0026n=W-sne_ZvKY9t0PHX\u0026q=85\u0026s=6515f1bb3d903bcbb0dc59e73c1e8175 560w, https://mintcdn.com/ui-docs/W-sne_ZvKY9t0PHX/images/community-templates.png?w=840\u0026fit=max\u0026auto=format\u0026n=W-sne_ZvKY9t0PHX\u0026q=85\u0026s=495fc5d188e8589a702f36212a05786c 840w, https://mintcdn.com/ui-docs/W-sne_ZvKY9t0PHX/images/community-templates.png?w=1100\u0026fit=max\u0026auto=format\u0026n=W-sne_ZvKY9t0PHX\u0026q=85\u0026s=1df33b61a3d01283c1326b37d9df9bba 1100w, https://mintcdn.com/ui-docs/W-sne_ZvKY9t0PHX/images/community-templates.png?w=1650\u0026fit=max\u0026auto=format\u0026n=W-sne_ZvKY9t0PHX\u0026q=85\u0026s=f2a676f41738b82317f981116a18599b 1650w, https://mintcdn.com/ui-docs/W-sne_ZvKY9t0PHX/images/community-templates.png?w=2500\u0026fit=max\u0026auto=format\u0026n=W-sne_ZvKY9t0PHX\u0026q=85\u0026s=bb25b3e011963803d262c912f307d558 2500w`}),`\n`,_jsx(Heading,{level:`2`,id:`what’s-in-a-template`,children:`What’s in a Template?`}),`\n`,_jsx(_components.p,{children:`Each community template is a complete React project, including:`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:`Full component structure`}),`\n`,_jsx(_components.li,{children:`Styling (Tailwind CSS)`}),`\n`,_jsx(_components.li,{children:`Responsive layout`}),`\n`,_jsx(_components.li,{children:`Interactive elements`}),`\n`]}),`\n`,_jsx(_components.p,{children:`Templates cover a wide range of use cases: landing pages, dashboards, e-commerce storefronts, portfolios, admin panels, and more.`}),`\n`,_jsx(Heading,{level:`2`,id:`using-a-template`,children:`Using a Template`}),`\n`,_jsxs(_components.p,{children:[`When you find a template you like, click `,_jsx(_components.strong,{children:`Remix`}),` to create your own copy. This creates a new project in your account that you can fully customize in the editor.`]}),`\n`,_jsxs(_components.p,{children:[`See `,_jsx(_components.a,{href:`/community/remixing`,children:`Remixing`}),` for details on how to customize a remixed template.`]}),`\n`,_jsx(Tip,{children:_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Templates are starting points, not final products.`}),` Remix a template and\nthen use the editor to change colors, content, layout, and components to match\nyour needs.`]})})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Community Templates","description":"Browse hundreds of community-built UIs and use them as starting points","href":"/community/templates"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Browsing Templates","slug":"browsing-templates","depth":2,"children":[]},{"title":"What’s in a Template?","slug":"what’s-in-a-template","depth":2,"children":[]},{"title":"Using a Template","slug":"using-a-template","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"ui-docs","siteName":"VibeFlow UI","title":"Community Templates - VibeFlow UI","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-03-17T17:54:46.560Z","originalFileLocation":"community/templates.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Browse hundreds of community-built UIs and use them as starting points\">\u003cmeta data-mint-head name=\"application-name\" content=\"VibeFlow UI\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/ui-docs/ZpM6l6LdSpOafWhW/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/ui-docs/ZpM6l6LdSpOafWhW/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/ui-docs/ZpM6l6LdSpOafWhW/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/ui-docs/ZpM6l6LdSpOafWhW/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/ui-docs/ZpM6l6LdSpOafWhW/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/ui-docs/ZpM6l6LdSpOafWhW/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/ui-docs/ZpM6l6LdSpOafWhW/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/ui-docs/ZpM6l6LdSpOafWhW/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/ui-docs/ZpM6l6LdSpOafWhW/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Community Templates - VibeFlow UI\">\u003cmeta data-mint-head property=\"og:description\" content=\"Browse hundreds of community-built UIs and use them as starting points\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"VibeFlow UI\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://ui-docs.vibeflow.ai/community/templates\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://ui-docs.mintlify.site/_mintlify/api/og/v2?division=Community\u0026amp;title=Community+Templates\u0026amp;description=Browse+hundreds+of+community-built+UIs+and+use+them+as+starting+points\u0026amp;theme=940f5b7fd054926da7586eda\u0026amp;signature=4b0e844dc922912a9e303515f7cf6cf261d18d89db12532e2e5579913a624ffa\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Community Templates - VibeFlow UI\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Browse hundreds of community-built UIs and use them as starting points\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://ui-docs.mintlify.site/_mintlify/api/og/v2?division=Community\u0026amp;title=Community+Templates\u0026amp;description=Browse+hundreds+of+community-built+UIs+and+use+them+as+starting+points\u0026amp;theme=940f5b7fd054926da7586eda\u0026amp;signature=4b0e844dc922912a9e303515f7cf6cf261d18d89db12532e2e5579913a624ffa\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/ui-docs/ZpM6l6LdSpOafWhW/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"VibeFlow UI\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#14B8A6\">\u003clink data-mint-head rel=\"canonical\" href=\"https://ui-docs.vibeflow.ai/community/templates\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/community/templates.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://ui-docs.vibeflow.ai/#organization\",\"name\":\"VibeFlow UI\",\"url\":\"https://ui-docs.vibeflow.ai\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/ui-docs/bdOwiv67hUJFpqkG/logo/light-logo.png?fit=max\u0026auto=format\u0026n=bdOwiv67hUJFpqkG\u0026q=85\u0026s=2f61dea3645c60243e65d01d7fbb20ed\"}},{\"@type\":\"WebSite\",\"@id\":\"https://ui-docs.vibeflow.ai#website\",\"name\":\"VibeFlow UI\",\"url\":\"https://ui-docs.vibeflow.ai\",\"publisher\":{\"@id\":\"https://ui-docs.vibeflow.ai/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://ui-docs.vibeflow.ai/community/templates#webpage\",\"url\":\"https://ui-docs.vibeflow.ai/community/templates\",\"name\":\"Community Templates\",\"description\":\"Browse hundreds of community-built UIs and use them as starting points\",\"dateModified\":\"2026-03-17T17:54:46.560Z\",\"isPartOf\":{\"@id\":\"https://ui-docs.vibeflow.ai#website\"},\"breadcrumb\":{\"@id\":\"https://ui-docs.vibeflow.ai/community/templates#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://ui-docs.vibeflow.ai/community/templates#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"VibeFlow UI\",\"item\":\"https://ui-docs.vibeflow.ai\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Community Templates\",\"item\":\"https://ui-docs.vibeflow.ai/community/templates\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://ui-docs.vibeflow.ai/community/templates#article\",\"headline\":\"Community Templates\",\"name\":\"Community Templates\",\"description\":\"Browse hundreds of community-built UIs and use them as starting points\",\"url\":\"https://ui-docs.vibeflow.ai/community/templates\",\"mainEntityOfPage\":{\"@id\":\"https://ui-docs.vibeflow.ai/community/templates#webpage\"},\"dateModified\":\"2026-03-17T17:54:46.560Z\",\"publisher\":{\"@id\":\"https://ui-docs.vibeflow.ai/#organization\"},\"isPartOf\":{\"@id\":\"https://ui-docs.vibeflow.ai#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"VibeFlow UI\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"VibeFlow UI","nav":{"global":{"anchors":[{"anchor":"Community","href":"https://discord.com/invite/Ctm2A2uEaq","icon":"discord"}]},"tabs":[{"tab":"Documentation","groups":[{"group":"Getting Started","pages":[{"title":"Welcome to VibeFlow UI","href":"/introduction"},{"title":"Quick Start","href":"/quickstart"}]},{"group":"Creating Projects","pages":[{"title":"From Scratch","href":"/creating-projects/from-scratch"},{"title":"Clone a Website","href":"/creating-projects/clone-website"},{"title":"Import from Figma","description":"Convert your Figma designs directly into working React components","href":"/creating-projects/figma-import"}]},{"group":"Community","pages":[{"title":"Community Templates","href":"/community/templates"},{"title":"Remixing Projects","description":"Fork a community template and make it your own","href":"/community/remixing"}]}]},{"tab":"Design Foundation","pages":[{"title":"Design Foundation","href":"/design-foundation/styles"}]},{"tab":"Editor","pages":[{"title":"Editor","href":"/editor/overview"}]}]},"basePath":"","title":"Community Templates - VibeFlow UI","buildId":"dpl_DTau1J5HqS9UTgVSDwGksstFWtPa","deploymentId":"dpl_DTau1J5HqS9UTgVSDwGksstFWtPa","dynamics":["a74be98ba7"],"chunks":["zoom-image-lightbox-BFbLClTf.js","lightbox-handle-r17bVUz3.js"]}