Creator · Worth learning

MotionSites

MotionSites focuses on production-ready AI interfaces and is active on MotionSites. “Rocket Pricing” is the current representative case, built with 待补充模型 with a 86% stability reference.

Creator methods

Repeated work becomes a method.

A creator method appears only when the same pattern is evidenced by at least three published cases. Popularity alone does not create one.

Creator method24 Cases

MotionSites · Dark Framer Motion System

A recurring 3d and motion hero method derived from 24 published cases by MotionSites.

Open method evidence →

Creator method11 Cases

MotionSites · Dual-Font Portfolio Narrative

A recurring portfolio story architecture method derived from 11 published cases by MotionSites.

Open method evidence →

Representative cases

Start with the representative work.

Back to creators

AI Coding (UI)MotionSitesAdded 08/13/2026

Rocket Pricing

Exact recreation of the PricingSection pricing block, built with React 18 and framer-motion, in the same design system as Rocket CTA.

Skill · Web section recreation spec

Prompt

Build a `PricingSection` React component that matches the spec below exactly. ## Stack & global setup - React 18 + Vite + TypeScript, TailwindCSS, `framer-motion`, `clsx` + `tailwind-merge` exposed as `cn()` from `@/lib/utils`. - Dark them…

Source heat · MotionSites

—

Stability

View case →

AI Coding (UI)MotionSitesAdded 08/13/2026

AI Runtime

One-screen landing page with a full-bleed video background, recreated in plain HTML, CSS and vanilla JS, with frameworks explicitly ruled out.

Skill · Web section recreation spec

Prompt

Rebuild this as a **single-viewport, full-bleed video-background landing page** using static **HTML + CSS + vanilla JS** (no framework). Match the current implementation exactly. File structure: ``` index.html styles.css main.js assets/log…

Source heat · MotionSites

—

Stability

View case →

AI Coding (UI)MotionSitesAdded 08/19/2026

Mindloop Landing

Dark monochrome newsletter landing page built with React, shadcn/ui and Framer Motion. The font strategy of Inter paired with italic Instrument Serif can be reused as a whole.

Skill · Landing-page information structure Skill · Web section recreation spec

Prompt

Build a dark monochrome landing page called Mindloop — a newsletter/content platform. Use React + Vite + TypeScript + Tailwind CSS + shadcn/ui + Framer Motion. Fonts: Inter (sans) and Instrument Serif (serif, used for italic accent words).…

Source heat · MotionSites

—

Stability

View case →

All cases

All cases by MotionSites

Show 42 more

Creator pages aggregate existing cases so every judgment traces back to the work.

Loading…