All vibe-coding templates

Overview

A copywriting and content agency site with big serif-accent type and an animated 3D ribbon hero: how it works, a work gallery, features, a testimonial carousel, subscription pricing with an add-on toggle, a blog teaser and an FAQ. Four pages plus a full-screen menu and a 404, light and dark with a toggle, and 7 sample posts you can rewrite. All copy lives in one config file. Includes the full AI doc pack, built to save tokens: short rules with an edit map, one-message prompts and a paste-ready knowledge file.

  • 4 pages + blog with 7 posts
  • Light & dark with a toggle
  • Token-saving AI doc pack

Why choose Quill

An editorial agency site with big serif-accent type, an animated 3D ribbon hero and a full blog, so your writing has somewhere to live from day one.

All copy is in one config file (src/config/site.ts): service names, pricing plans, testimonials, FAQ and footer. Change it once and the whole site follows.

It comes with the AGENTS.md / KNOWLEDGE.md doc pack, ready-made prompts with Files and Cost labels, and a one-shot build prompt.

Best for

  • Copywriting and content agencies
  • Freelance writers who need a site and a blog in one
  • Productised-service and subscription agencies
  • Small studios that publish regularly
Sections (12)
  • Header with full-screen menu overlay
  • Hero with animated 3D ribbon
  • Logo marquee
  • How it works
  • Social proof
  • Work gallery
  • Features grid
  • Testimonial carousel
  • Pricing with add-on toggle
  • Blog teaser
  • FAQ accordion
  • Footer with newsletter
Tech specs
Pages
4 (Home, Pricing, Blog, Blog post) + menu overlay + 404
Themes
Light (default) and dark, with a toggle
Stack
Vite 5 · React 18 · TypeScript · Tailwind CSS 3 · React Router 6 · lucide-react
Extras
7 sample blog posts, booking calendar, pricing add-on toggle, testimonial carousel
Node
18 or newer
Version
1.4.0
Licence
Free, unlimited personal and client projects, no resale

What's in the download

Working code

Vite + React + TypeScript + Tailwind. Runs as-is in Lovable, Replit, Cursor or on your computer.

PRD you fill in

Describe your product once — one prompt rebrands the whole site.

Prompt pack

Tested prompts for rebranding, recolors, waitlists, Stripe and SEO.

AI rules files

AGENTS.md, CLAUDE.md, .cursorrules & more keep every edit on-style.

Design & architecture docs

DESIGN.md and ARCHITECTURE.md so humans and AI stay consistent.

One-shot build prompt

Rebuild the exact design in Base44, Bolt or v0 from a single message.

Instant preview

Double-click preview.html — see it before you set anything up.

Start-here guide

Step-by-step setup for every tool, plus fixes for common errors.

Quill: Copywriting Agency Template FAQ

Is Quill really free?

Yes. Download it with no sign-up and no email. Use it on unlimited personal and client projects. You just can't resell the template itself.

What pages are included?

Home, Pricing, Blog and a blog post page, plus a full-screen menu and a 404 page. There are 7 sample posts.

Can I remove the "Made by" badge?

Yes. Set badge.enabled to false in src/config/site.ts.

How do I use it with Lovable, Bolt or v0?

START-HERE.md lists a path for each tool. The prompt paths rebuild the site from a description, so the result is close to the template but not identical. For the exact code, use GitHub, Replit or run it locally.

Does it include a backend?

No. It's a static front end. The booking button and pricing CTA are links you point at your own Cal.com and payment pages.

More templates

Atlas: SaaS Dashboard Template previewAI-ready
LovableReplitBase44+5
Live Demo
Lumen Aurora previewAI-ready

Lumen Aurora

SaaS landing page

$39
LovableReplitBase44+5
Live Demo