Embed AOS scroll animations on my site
AOS makes a section fade or slide into view as a visitor scrolls down the page. Used lightly it makes a long page feel alive; used everywhere it gets tiring, so pick a few sections.
The prompt
“Make the three service blocks on the home page fade up as someone scrolls to them. Keep it subtle.”
Signed in, Get my prompt fills in your site for you. Otherwise press Copy and fill in the [bracketed] parts. First time? Connect your AI to bernard once: Use your own AI (opens in a new tab).
Ask your AI
Make the three service blocks on the home page fade up as someone scrolls to them. Keep it subtle.
What bernard checks
AOS scroll animations is on bernard’s permitted list. Someone read the maker’s own instructions (https://github.com/michalsnik/aos) on 2026-09-14 and decided it was safe to run on a customer’s site: disable stays usable because the schema types it as a boolean or one of phone, tablet, mobile; the function form the docs also allow simply fails the type. Respect the visitor’s reduce-motion setting in the help page. Your site loads it from its published package, version 2.3.4 or newer. Every night bernard checks which version each of your pages loads against the published list of known weaknesses, and moves a page forward when one is found.
Your AI writes the exact tag bernard permits, on a private preview. You look at it and approve it before anything goes live.
People search for this as: animation, scroll, fade in, reveal, aos, motion.
For the full list of libraries, what is waiting, and how to ask for one that is not there, see Embed a calendar, a diagram, a chart or another tool on my site.
Questions people ask
- Do I need to write any code to use AOS scroll animations?
- No. Your AI writes the exact tag bernard permits and puts it on a preview. You approve it before it goes live, and pasted code is removed for safety every time.
- Is AOS scroll animations safe on my site?
- bernard admits it only from its own published address, with its settings written as plain data rather than code. Every night bernard checks which version each of your pages loads against the published list of known weaknesses, and moves a page forward when one is found. Nothing else about it can be changed from a page.
- Can I change it later?
- Yes. Say what you want different and your AI redoes it on a preview for you to approve. Nothing about it is baked in.