Back to templates
Admin template

Invoicely

GitHub-Invoicely-style admin template — code-entry redirect flow, invoice management, dashboard layout.

Next.jsTypeScriptTailwind CSSshadcn/ui
View on GitHubUpstream source

Clone it

terminalClone the template
git clone https://github.com/MUKE-coder/vibekit.git /tmp/vibekit-templates
cp -r /tmp/vibekit-templates/public-templates/blog-template ./invoicely
cd invoicely
pnpm install
pnpm dev

What's in the box

  • Code-entry gate at `/` → `/code`
  • Invoice dashboard with table, status, actions
  • Clean admin layout
  • Light/dark mode

When to use

Use it

Internal billing tools, freelancer invoicing dashboards, light admin panels that need a clean code-gated entry flow.

Skip it

Public-facing marketing sites. This is an internal-tool template.

The 0 customization sections

When you ask your AI agent to customize this template, it will walk through these sections in order, asking you the questions for each. The agent only edits the files needed to apply your answers — no restructuring.

    Customization prompt — paste into your AI agent

    After you clone, open the project in Claude Code, Cursor, Cline, or any agent that reads files. Paste this prompt to start the section-by-section interview:

    paste into your AI agentCustomization interview prompt
    I want to customize the "Invoicely" template using the VibeKit customization guide.

Walk me through the 0 sections one at a time. For each section, ask the questions defined in the guide below, wait for my answers, then move on.

After all sections are answered, edit ONLY the files needed to apply my answers — config files, content, branding. Don't restructure the project.

CUSTOMIZATION GUIDE:
Wire the `/code` page to a real auth check (or replace with JB Better Auth UI). Add Prisma + a real invoice model. Customise the dashboard table columns to match the user's invoice schema.

SECTIONS:


Begin with section 1 now.