What is a template?
A template is a snapshot of a Vybe app that has been published for others to use. When you create an app from a template, you get a complete, independent copy with all the source code, components, and structure from the original. Unlike recipes (which provide guided setup steps), templates give you a fully built app to customize. You skip the scaffolding phase and go straight to modifying and extending.Browsing templates
Creating an app from a template
When you create an app from a template, Vybe:- Creates a new app in your workspace with a fresh name and slug
- Copies all source files from the template into your app
- Provisions a new database for your app (template data is not copied)
- Starts the sandbox environment with the template code
Template copies include all source code and file structure, but not the original app’s database data. You start with a clean database and can populate it using the AI or by connecting integrations.
Customizing a template app
After creating an app from a template, you have full control. Common customization tasks include:- Connecting your integrations — The template may reference services you need to connect to your own accounts
- Updating the database schema — Modify tables to match your specific data model
- Changing the UI — Adjust layouts, colors, and components to match your brand or preferences
- Adding new features — Use the AI chat to build additional pages and functionality beyond what the template provides
Make the sidebar navigation collapsible, similar to how the main dashboard template handles it.
Templates vs. recipes
| Aspect | Template | Recipe |
|---|---|---|
| What you get | A complete, working app you can clone | A guided setup flow with integration requirements |
| Setup process | Immediate — the app works out of the box | Step-by-step — you configure integrations and data |
| Data included | No — you start with a clean database | No — data comes from your connected integrations |
| Best for | Reusing a proven app design quickly | Building from a structured starting point with guidance |
What’s next
- Set persistent AI instructions for your app: Custom Instructions
- Explore pre-configured starters: Recipes
- Connect your data sources: Integration Basics