Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.genie-app.de/llms.txt

Use this file to discover all available pages before exploring further.

Templates give you a complete, well-structured starting point instead of a blank prompt. Each template is a proven layout built for a specific type of tool or page. You pick the one closest to what you need, Genie generates it, and you refine from there with follow-up prompts. It’s the fastest way to go from idea to working app.

​
How to use a template

1

Browse the template gallery

From your Genie dashboard, click Templates in the sidebar or the navigation bar. Templates are organized by category so you can find the right starting point quickly.
2

Select a template

Click any template card to see a description of what it includes — the layout, the sections, and the interactions it supports. When you find one that fits, click Use this template.
3

Genie generates your app

Genie runs the template’s built-in prompt and generates your app. The live preview opens automatically when generation finishes.
4

Customize with follow-up prompts

The template is your starting point, not your final version. Type follow-up prompts to adjust colors, rename sections, add fields, or restructure the layout to match your needs exactly.
Every template is generated from a plain-English prompt — the same kind you’d write yourself. You can see and modify the prompt before generating if you want to adjust the starting point.

​
Template categories

Templates are organized into six categories based on the type of tool or audience.
Templates for founders and early-stage teams who need landing pages, dashboards, and lightweight product tools quickly.

Startup Launchpad

Build a startup landing page with gradient hero, 3 feature blocks, social proof, pricing toggle, and sticky CTA bar.Tags: Hero · Features · CTA

Micro SaaS Dashboard UI

Create a frontend-only sample dashboard: sidebar nav, KPI stat cards, charts, activity list, and data table.Tags: Dashboard · Charts · Navigation

Task Tracker Mini App

Build a task management app with kanban board columns, draggable cards, tag filters, and stats summary.Tags: Tasks · Board · Filters

​
All templates at a glance

TemplateCategoryWhat it includes
Startup LaunchpadStartupGradient hero, feature blocks, social proof, pricing toggle, sticky CTA
Micro SaaS Dashboard UIStartupSidebar nav, KPI cards, charts, activity list, data table
Task Tracker Mini AppStartupKanban board, draggable cards, tag filters, stats summary
Freelancer PortfolioConsultingSplit hero, services list, case study cards, testimonial strip, contact form
Agency ShowcaseConsultingHero, process timeline, case study slider, metrics strip, contact form
Mini CRM ContactsConsultingContact table, segment filters, activity timeline drawer
Client Portal LiteConsultingTabbed interface: files, messages, tasks, overview
Recipe OrganizerSmall businessSearchable list, tag filters, detail panel, favorites
Inventory LiteSmall businessStock table, low-stock highlights, bulk edit
Quiz BuilderMarketingQuestion editor, preview mode, results summary
UTM Link TrackerMarketingUTM form, real-time preview, copy button, saved links
Just for Fun PortfolioFunColorful hero, project grid, about section, hover animations
Blog MagazineFunFeatured article, masonry grid, category filters, newsletter signup
Habit TrackerFunHabit list, monthly grid, streak counter, progress rings
Idea VaultFunMasonry card grid, add idea modal, score sorting

​
Customizing a template

Every template is a starting point. After generating, you can use follow-up prompts to change anything:
Type something like: "Change the color scheme to teal and off-white" or "Use a dark background with amber accents".
Type: "Add a testimonials section below the feature blocks" or "Remove the pricing toggle and replace it with a single CTA button".
Type: "Rename 'Projects' to 'Clients' throughout the app" or "Change the kanban columns from Backlog/In Progress/Done to New/Active/Closed".
Type: "Add a search bar to the contact table" or "Add a monthly view to the habit tracker alongside the existing grid".
Templates don’t include a live backend by default — they use local mock data to demonstrate the interface. To connect real data storage, user logins, or payment processing, use follow-up prompts to add those features, or explore Genie Cloud.

​
Next steps

Write your first prompt

Learn how to write prompts that get great results on the first generation.

Explore Genie Cloud

Add a real database, authentication, or file storage to any app you build.