Gristmill Framer Template

About this template

Gristmill is a Framer template for data-API, web-scraper and data-product companies. It's built to sell datasets and an API. The hero is a live, animated scraper run that streams records into a JSON/Table view, and the whole site ships in light and dark with a theme toggle. You get a CMS dataset catalogue with category filters. Each dataset page has a schema table, sample output, API snippets, a live cost estimator, delivery options, quality checks, an example run history, a schema changelog and a FAQ. There's also a pricing page with a usage slider.

13 pages: Home, Datasets index and dataset detail.

API & integrations, Pricing with the estimator, and Use cases.

Responsible data, Blog index and post.

Status (illustrative), Request data with a native form, Legal and 404.

2 CMS collections, which works on Framer's Free plan: Datasets (8 items) and Blog (6 posts).

6 code components: RunConsole (animated hero run with streaming records, JSON/Table tabs, all text and colours editable), ThemeToggle (light/dark switch that follows the system and remembers the choice), CodeBlock (tabs, copy button, line highlights), OutputViewer (JSON/Table toggle for sample rows), SchemaTable, and UsageEstimator (slider, volume tiers and plan suggestions).

Full dark mode from light/dark colour styles.

Per-card CTA links on the pricing cards; the blog "More" list hides the post you're reading.

An input → run → output section, per-dataset rate tables and a plan comparison.

Hover states, scroll-in appear animations, and SEO titles, descriptions and social images on every page.

Fonts: Bricolage Grotesque, DM Sans and DM Mono (all OFL), with colour and text styles throughout.

Responsive at 1200, 810 and 390.

Sample content is about a fictional data product.