Your budget

Prices in US dollars

Show 344 products up to $30

No. 475Motion

Animated Hero Section Assets

Background loops, floating UI cards, device mockups, headline reveals and scroll cues for website hero sections, 40 assets in Lottie, WebM and CSS.

$39

$9 more than your $30 budget

  • Includes the Standard license: personal, commercial and client work for one person.
  • Instant download after payment, plus an email with links that stay active for 30 days.
  • Refund within 14 days if you haven't downloaded it yet, if it doesn't work in the supported software listed here, or if it's faulty and we can't fix it.
Contents
40 assets
File formats
.fig, .aep, .json, .webm, .mp4, .html, .css
Supported software
Figma, After Effects, Lottie, HTML/CSS
Download size
540 MB
Good for
  • SaaS and startup landing pages
  • Product launch pages
  • Portfolio home pages

About this product

The first screen of a website is the focus here. Forty assets are split between background loops, floating interface cards, device mockups with looping screens, headline and text reveals, call-to-action pulses and scroll cues. Six example hero layouts in Figma show how they combine at 1440 px desktop and 390 px mobile widths.

Load weight stays low for web designers and founders building a landing page: Lottie files hold the vector pieces, compressed WebM loops with MP4 fallbacks handle backgrounds and mockups, and text reveals are plain CSS. After Effects sources are there for anyone who wants to restyle the animation itself, so no piece has to be animated from a blank file.

What's inside

  • 40 assets: backgrounds, UI cards, mockups, text reveals, scroll cues
  • 6 example hero layouts at 1440 px and 390 px widths
  • Lottie JSON for vector pieces
  • WebM loops with MP4 fallbacks for backgrounds and mockups
  • CSS headline and text reveal animations
  • After Effects sources for every animated asset

License

Standard license

Included with every purchase

For one person. Use the assets in unlimited personal and commercial projects, including work you deliver to clients.

Allowed

  • Create social posts and ads for a client from a social media template
  • Use the same asset in as many of your projects as you like
  • Design a client's website with a UI kit and hand over the finished site
  • Build your startup's pitch deck from a presentation template

Not allowed

  • Reselling, sharing, sublicensing or giving away the files, as they are or modified, for example on stock sites or marketplaces
  • Uploading the files anywhere others can download or extract them, such as a public repository
  • Letting several people work from one Standard license (a Team license covers that)
  • Selling print-⁠on-⁠demand merchandise or templates built on the assets without an Extended license

Search by name, type, tag or app, for example “dashboard” or “Figma”.