Framer templates & individual components

A considered starting point.
Details you can put to work.

Complete websites for AI studios and property businesses, plus individual code components. Explore the live pages and see each interaction before you choose.

3website templates19code components2free components
Explore the templates

Complete websites

Choose your starting point.

Each template is a Framer project with editable layouts, sample content and responsive breakpoints.

0:38 preview

AI & automation · CMS

Northfold Studio

$79USD

An AI studio website with 26 pages, three CMS collections and interactive code components. Includes service, case-study and article layouts.

Live preview
0:40 preview

AI & automation · No CMS

Northfold Lite

$49USD

A compact AI consultancy website with six content pages and a custom 404. Includes the effort calculator, document demo and interactive paper effects.

Live preview
0:40 preview

Property · Light editorial layout

Ardenhold

$49USD

A light, editorial website for a residential property business. Six pages cover the portfolio approach, acquisition criteria, contact and sample legal content.

Live preview

Small details, individual components

Add the interaction you need.

Explore each component separately. Open a video for a closer look, or try the live collection. Prices shown are per component.

Paper Effects Kit (14 components) and Ardenhold Motion Kit (5 components) are collections of individually priced components. No bundle is currently offered.

Paper Effects Kit — individual components

14 individual components

PaperField

$29USD

Canvas background of drifting paper dots that keep away from headings, text and media. Controls for density, speed, colours, content margin and avoid selector. Pauses off screen and respects reduced motion.

Watch the interaction0:23 preview

DotCloud

$9USD

A cloud of dots that moves between seven built-in shapes. Change shapes automatically, by click or tap, or through a window event. Controls for dot count, size, colours, timing, speed and selected shape. Includes offscreen pausing and reduced-motion handling.

Watch the interaction0:12 preview

PaperStack

$5USD

A stack of paper sheets that grows with a number sent by a custom event, for example from the EffortCalculator. Controls for sheet size, colours, label and event name.

Watch the interaction0:10 preview

PaperSkyline

$5USD

A strip of paper cells that builds a skyline over time; visitors click to drop a sheet. Controls for autoplay, interval, cell size, colours and caption.

Watch the interaction0:10 preview

ClickEcho

$5USD

A small burst of paper pieces on every click or tap, inside its container or page wide with a fixed canvas. Controls for colours, intensity, lifetime and an ignore selector for forms and links.

Watch the interaction0:09 preview

MediaCrumble

$9USD

An overlay for existing images or videos that adds paper fragments at their corners. Controls for media selection, tile size, intensity, reach, speed, colours, scrub behaviour and touch pulses. Add it alongside the target media; it does not replace or wrap the media element.

Watch the interaction0:14 preview

DocumentDemo

$14USD

An animated demonstration of a paper stack being organised into a three-column table. Controls for document count, labels and the three column headings, timing, autoplay, font and colours. This is a visual demo, not a document-reading service.

Watch the interaction0:13 preview

EffortCalculator

$9USD

An interactive calculator with sliders for tasks per week and minutes per task that shows yearly hours and cost. Controls for labels, hourly rate, currency, locale and colours. Sends the result as an event for PaperStack.

Watch the interaction0:10 preview

PaperGridDemo

$9USD

Cards fly from a loose pile into an ordered grid, on click or autoplay. Controls for card count, columns, stage height, interval and colours.

Watch the interaction0:15 preview

ProcessStages

$5USD

A canvas animation that walks through named stages, for example Understand, Check, Expand. Controls for titles, numbers, tick, speed, fonts and colours.

Watch the interaction0:12 preview

BlockTabs

$5USD

Seven numbered building-block tabs with a title and text panel per tab. Controls for labels, text, numbering, colours, corner radius, font and text sizes. Includes optional autoplay and window-event input and output.

Watch the interaction0:13 preview

LoopVideo

$5USD

A muted looping video with poster image, lazy loading and a still fallback for visitors who prefer reduced motion. Controls for sources, poster, fit and radius.

Watch the interaction0:14 preview

EditorialImage

Free

A static image block with controls for the image source, alt text, height, aspect ratio, crop, focus, corner radius, loading and background colour.

Watch the interaction0:20 preview
Free for one website · single-use licence

CustomCursor

$5USD

A custom dot-and-ring cursor that follows the pointer and responds to selected elements. Controls for size, colours, speed, selectors, labels and native-cursor hiding. Disabled on touch devices and when reduced motion is preferred.

Watch the interaction0:11 preview

Ardenhold Motion Kit — individual components

5 individual components

PlanField

$29USD

A hero background of blueprint grid dots that react to the pointer, clicks and holding or dragging. Controls for grid spacing, density, colours, opacity, content clearance, speed, target and avoidance layers, and event prefix. Includes offscreen pausing and reduced-motion handling.

Watch the interaction0:23 preview

ScrollWeightText

$5USD

A pinned text section whose font weight changes over its own scroll track. Controls for text, start and end weights, track length, maximum width and colours. Uses a fixed font stack.

Watch the interaction0:10 preview

NumberRoller

$5USD

Animated rolling numbers for statistics, using a fixed monospace font stack. Controls for value, prefix, suffix, label, number and label sizes, colours and duration.

Watch the interaction0:08 preview

LineDrawing

$5USD

Three built-in technical SVG drawings: Elevation, Region map and Portfolio map. Controls for motif, animation mode, place names, highlight, caption, colours and duration.

Watch the interaction0:12 preview

ProgressBar

Free

A reading-progress bar fixed to the top of the page. Controls for fill colour, thickness and top offset.

Watch the interaction0:14 preview
Free for one website · single-use licence

See the collections in motionTwo overview films

From preview to your project

Built in Framer. Made to make your own.

01

Explore the details.

Watch the previews and open the live demos. Full desktop and mobile walkthroughs are linked from each template.

02

Add it to Framer.

Templates are supplied as remix links. Paid components are supplied as component URLs after successful checkout. For free components, copy the component link, open your Framer project and paste it with Cmd+V or Ctrl+V.

03

Make it yours.

Change the content and settings in your project. Replace demo company details and legal text, and configure any forms before publishing.

A Framer account is required. Framer provides a free plan for publishing on a Framer domain; a custom domain and additional features require a suitable paid plan. See Framer’s plans.

Clear terms

One licence, one website.

Each template and component, including free components, is supplied for one end product for you or one client. Resale or redistribution as a standalone template or component is not allowed.

Read the licence & terms

Product support

Help with what you receive.

Email support is included for 30 days after purchase. Statutory consumer rights remain unaffected; the terms explain delivery and the voluntary refund policy.

benjamin@atmosleap.com