Cited Framer Template

About this template

Your buyers ask AI first. Your website should explain your product just as fast.

Cited is a Framer template for AI and SaaS startups that need to show how their product works, not just list features. The homepage tells the whole story in one scroll: a hero with an animated product preview that types a question and shows three AI answers, sticky "how it works" steps with an interactive citation graph, product UI in every feature card, results, pricing and FAQ.

What's inside

• 12 pages: Home, Features, Pricing, Integrations + detail, Blog + post, Changelog, About, Contact, Legal and 404

• 4 CMS collections with realistic demo content: Blog, Integrations, Changelog and Legal

• An animated product preview in the hero, built with native Framer variants

• An interactive citation graph and an animated "Answer Streams" background, both with simple property controls and a static mode

• A monthly / yearly pricing toggle that updates every plan

• A filterable blog and integrations directory, with no code

• A contact form with two request types (free audit or demo) and an inline success state

• Desktop, tablet and phone layouts on every page

• An SEO title, description and social image for every page

Easy to make yours

Every color and text style is named, so changing the accent color or the font takes a minute. Navbar, footer, buttons, cards, pricing, FAQ and CTA are reusable components: edit once and every page updates. Product screens are built from layers, so you can edit the text or drop in your own screenshots. A "Read me" page inside the project walks you through colors, fonts, the demo, the CMS, forms and SEO.

Built for

AI tools, B2B SaaS, analytics and marketing products, developer tools, and agencies building sites for startups.