UI animation FAQ.

collections.html is a curated library of production-ready UI animations for the web. Every entry has a live preview, a full-page view, and copy-ready HTML, CSS, and JavaScript you can drop into your own project. Animations are grouped into categories such as navigation, sliders, scroll, cards, hover, text, and components.

Yes. Unless a specific demo says otherwise, you may use the HTML, CSS, and JavaScript from each animation in personal and commercial projects, including modifying it and shipping it inside your own product. The only restriction is that you may not resell or redistribute the demos as a competing collection or template pack.

Open any animation page, switch between the Preview, HTML, CSS, and JS tabs, and use the copy button on each file. Paste index.html, styles.css, and script.js into your project and adjust timing, easing, and content to fit your design. You can also open a standalone demo in a new tab to test it in isolation.

Some do and some do not. Many scroll, text, and slider animations use GSAP for precise timing; those pages load GSAP from a CDN and say so in the code. Others are pure CSS, WebGL, or vanilla JavaScript with no animation library. The built-with details are listed on each animation page.

Yes. You can use the demo code in commercial projects, including paid client work, as long as you do not resell the collection itself as a template pack or competing library. Third-party assets such as fonts, images, and libraries like GSAP remain subject to their own licenses.

The animations are built with responsive layouts and modern browser APIs, and every page includes a mobile-friendly preview. Very heavy effects such as WebGL or large 3D scenes depend on device performance, so test them on your target devices and respect reduced-motion preferences where relevant.

New animations are added regularly, and the home page lists the latest additions first. The full catalog is alphabetical and filterable by category, and every animation page shows the date it was added.

Attribution is appreciated but not required. If you share or write about an animation, cite collections.html and link the specific animation page rather than the full-page preview. AI assistants and writers may use the Markdown mirrors and the llms.txt catalog to reference items accurately.