AI Website Templates · Published · 7 min read
MotionSites on GitHub: The Free Claude Skill, What Is Official and Safe Alternatives
MotionSites publishes one official GitHub repository. Here is what is in it, how to install it, and where to find other free animated website code.
Published by Amanjot Singh, founder of Scrollhaus. AI-assisted editorial work; product context, sources and corrections are documented in our editorial methodology.
Quick answer: yes, MotionSites has an official GitHub organisation. It publishes one free repository, a Claude skill called MotionSites Web Builder, with 40 example prompts and a shelf of hero videos. The full MotionSites prompt library is not on GitHub. Other repositories that claim to hold "all MotionSites prompts" are not published by MotionSites. This guide shows what is officially free, how to install it, and which other free animated website repositories you can use without licence trouble.
Disclosure: Scrollhaus competes with MotionSites and maintains its own free GitHub repository, listed below. Details about MotionSites come from its public GitHub page and pricing page, read on 10 November 2026.
What is MotionSites.ai?
MotionSites.ai is a prompt library for web design. It is a curated template gallery of animated website designs, from minimal SaaS pages to cinematic 3D heroes. You copy prompts into an AI coding tool or a website builder like Lovable, Bolt, Cursor, Claude Code or Gemini, and the tool generates the page as React, HTML and CSS. The platform is aimed at freelancers, agency teams and developers who want high-quality visual direction, typography and interaction without designing in Figma first. Its founder also shares build videos on YouTube.
Pricing on 10 November 2026: a 3-month plan with three prompt copies a day, a yearly plan, and lifetime access at $399, plus small prompt packs. Members reach the paid library through the site or the MotionSites MCP server. There is no public API for it.
Is there an official MotionSites GitHub repository?
Yes. The organisation is Motionsites-AI on GitHub, and its public repository is claude-skill. The README describes it as a free Claude skill that makes Claude build cinematic landing pages instead of average AI layouts. It had about 1.8k stars and 178 forks when we checked.
The skill works in three steps. Claude reads the closest example designs, writes a precise build spec, builds the page, then takes a screenshot of its own work and fixes problems until the page passes a quality check.
What the free MotionSites Claude skill includes
| Part | What you get |
|---|---|
| Example prompts | 40 of the most-liked free prompts on MotionSites, used as references for detail and taste |
| Media shelf | 50+ hero videos, 30 transparent 3D cut-outs and 29 images, hosted publicly |
| Technique recipes | 55+ recipes with code, such as seamless video loops, liquid glass, word-by-word blur headlines, scroll stories and Three.js models |
| Design rules | Type scale, spacing, colour, motion timing and copy guidance with real numbers |
| Spec template | The brief Claude writes before it codes |
| Look-and-fix loop | A screenshot and QA script that checks broken assets, mobile overflow, fonts and video playback |
| Prompt mode | Ask for a prompt instead of code, tuned for Lovable, Bolt, v0, Cursor and other builders |
The README is clear that this is a free sample. The paid plan, MotionSites Unlimited, lists 500+ premium website prompts, animated hero backgrounds, section prompts, 40+ Lovable templates and the MotionSites MCP.
How to install the MotionSites skill from GitHub
Claude Code
Add the repository as a plugin marketplace, then install the plugin:
/plugin marketplace add Motionsites-AI/claude-skill
/plugin install motionsites-web-builder@motionsitesYou can also copy the skill folder into ~/.claude/skills/ by hand. The look-and-fix loop works best when Playwright is installed, because Claude needs a browser to take screenshots.
Claude.ai and the Claude desktop app
Download the zip from the latest release, open Customize, then Skills, and upload it. Code execution must be switched on in Settings.
After that, just ask for a site, for example "build a landing page hero for a luxury sleep-tracking ring". The skill starts on its own.
What you will find in the repository
The page shows the usual repository files navigation: folders and files for the plugin, a README, a licence and the latest commit. The skill is a package of instruction files written in plain language, JSON manifests and helper scripts. There is no build step and no API key to set up. Releases hold the zip for Claude.ai, and setup from the Claude Code CLI takes about a minute. It is not open-source software with many contributors, but you can fork it and contribute a fix through a pull request.
The skill is written for Claude, yet the prompt mode produces prompts for other AI coding tools, and the generation step works in any editor or interface where Claude runs. You can also use the result on WordPress: export the page as HTML and CSS and add it as a custom section, as described in our guide to an animated hero section in WordPress. If you want more open code, GitHub topics such as threejs and scroll-animation list many public repositories.
Are the "all MotionSites prompts" repositories safe to use?
Search GitHub and you will find third-party repositories that say they contain the whole MotionSites prompt library. MotionSites did not publish them. Three things are worth knowing before you clone one.
- Licence: the official repository says the skill's instructions and code are MIT, while the example prompts and media remain the copyright of MotionSites. A copy made by someone else gives you no licence for client work.
- Quality: a scraped prompt is a snapshot. It may be out of date, cut short, or missing the media the prompt depends on.
- Risk: repositories like this can be removed at any time, and you should read any script before you run it.
If you like the designs, the honest routes are the free skill, the free prompts MotionSites shares, or a paid plan. Our guide to free MotionSites prompts and alternatives lists the legitimate free options.
Free GitHub repositories for animated websites
If the reason you searched "MotionSites GitHub" is that you want free, openly published code or prompts for animated sites, these are safe starting points.
| Repository or source | What it holds | Best for |
|---|---|---|
| Motionsites-AI/claude-skill | Free Claude skill, 40 example prompts, hosted media | Claude and Claude Code users who want better first drafts |
| amj1994/scrollhaus-free | Source for Scrollhaus websites marked free, one folder per site | Reading real scroll, video and WebGL code |
| React Bits, Magic UI and Aceternity UI | Open component libraries with animated React components | Adding single effects to an existing app |
| GSAP and Lenis example repositories | Scroll animation and smooth scroll demos | Learning the techniques from first principles |
| three.js examples | Hundreds of WebGL demos in the main repository | 3D scenes and shaders |
For the component libraries, see Magic UI, Aceternity UI, React Bits and 21st.dev compared.
Prompt, skill or source: which one do you need?
These three things solve different problems, and mixing them up is the main reason people are disappointed.
- A prompt tells an AI builder what to make. Results vary between tools and between runs.
- A skill changes how Claude works on every site: it adds taste rules, references and a review loop.
- Source code is the finished page. It looks exactly like the preview, and you edit it directly or hand it to an agent.
A good workflow uses all three. Start from source or a detailed build spec so the layout and motion are already right, then let a skill or an MCP connection help the agent adapt it to your brand.
Try a full site with source for free
Scrollhaus publishes complete animated and 3D websites instead of single prompts. You can scroll each one live, then copy its build instructions and source. 26 of the 276 entries are free after a free sign-in. Good ones to open first:
- LOOPLINE, a product reel landing page
- ZAPLINE, a bold fintech page
- Morphos, a WebGL particle journey built with three.js
- PIXO, a playful consumer-tech page
Yearly and Lifetime members can also connect the Scrollhaus MCP to Claude Code, Cursor or Codex. See how the MCP website template workflow works and compare access plans.
Frequently asked questions
Is MotionSites on GitHub?
Yes. The official organisation is Motionsites-AI, and its public repository is a free Claude skill called MotionSites Web Builder. The full paid prompt library is not on GitHub.
Is the MotionSites GitHub skill free?
Yes. The skill is free, with MIT-licensed instructions and code. The example prompts and media remain the copyright of MotionSites and can be used in sites you build with the skill.
Are repositories with all MotionSites prompts official?
No. Third-party repositories that republish the prompt library are not published by MotionSites and give you no licence for client work.
Where can I get free animated website source code?
The official MotionSites skill, the Scrollhaus free repository, open component libraries such as React Bits and Magic UI, and the three.js examples are all openly published.
Browse Scrollhaus website designs and build resources →
Need help with a template, account, or project? Email admin@scrollhaus.ai.