Motion

Motion is a gallery of animated, interactive website sections such as portfolio walls, hero sections, product showcases and immersive scroll experiences. Each entry is described in detail and pairs with a prompt-based workflow, summarised on the site as "Copy Prompt → Ship it". Entries can be browsed by category and filtered by All, Free or Paid.

What It Is

Motion is a library of ready-made motion-design components for web builders. Categories listed on the homepage are Portfolio, Hero, Interactive, Product Showcase and Immersive. Each gallery entry has its own page and a long written specification of how the piece behaves, including the interactions, theme handling and motion details.

What the Gallery Contains

Entries include photography walls and carousels (Aperture, Moments, Boutique, Morph, Amour, Frieze, Iris), a liquid-glass optics hero (Loupe), and an interactive globe (Atlas). They also include retro-style pieces (Cabinet, Desk 95, Console, Overworld), a 3D platformer hero (Rooster Rush) and app or commerce showcases (Cipher, Crema, Revolver). The descriptions state that many entries are theme-aware with light and dark modes, honour prefers-reduced-motion, and are built with requestAnimationFrame loops, GSAP, Three.js or WebGL depending on the piece. Several are described as reusable components that take image or data arrays, and some say content can be swapped by editing a data file.

How It Is Used

Visitors browse the gallery, open an entry, and copy its prompt to build the piece. The homepage also offers sign-in and a subscription for access to all components.