Your budget

Prices in US dollars

Show 344 products up to $30

No. 474Motion

Animated Glassmorphism Elements

Glassmorphism cards, buttons, nav bars and panels with frosted blur and light sweeps, 36 animated elements for Figma, HTML/CSS and After Effects.

$29

Fits 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
36 elements
File formats
.fig, .aep, .html, .css, .mp4, .png
Supported software
Figma, After Effects, HTML/CSS
Download size
410 MB
Good for
  • Landing page hero sections
  • App promo videos
  • Dashboard concepts

About this product

Frosted glass needs something behind it to blur, so each of the 36 elements is set over animated color blobs: cards, buttons, navigation bars, floating badges, a pricing panel, a login box and notification chips. Light sweeps cross the glass edges, and cards float gently on a 6-second loop. Figma components use background blur, and the web versions rely on CSS backdrop-filter with a solid fallback.

Layouts start in the Figma file and product videos in the After Effects project, so designers of landing pages, fintech dashboards and app promos get the glass look without rebuilding the blur and lighting layers each time. MP4 renders and PNG stills at 2x cover presentations and social posts.

What's inside

  • 36 glass elements: cards, buttons, nav bars, badges and panels
  • Animated color blobs behind each element
  • Light sweeps and a 6-second floating loop
  • CSS backdrop-filter versions with a solid fallback
  • Figma components, After Effects project, MP4 and PNG stills

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”.