# Super Visuals — Backgrounds Library

> Free Figma library of 200+ background textures and landing page hero layouts

A Figma resource created by @uihssn providing over 200 background visuals designed for hero sections and websites. It includes a variety of styles like gradients, noise grain, halftone dots, and pixel or dither textures. It also showcases ready-to-use landing page hero mockups demonstrating how to pair each background with typography and UI components.

Website: https://figma.com/design/1RjQY50dy7t9SucZtAIb1p/Super-Visuals--Backgrounds-Library

## What it is for

- Design website hero sections quickly using pre-made background textures
- Source gradient, halftone, and dither visual assets inside Figma
- Study layout and typography pairings for modern landing page mockups

## Features

- Over 200 distinct background textures and visual assets
- Covers gradients, grain, halftone, and pixel/dither treatments
- Includes fully designed landing page hero examples demonstrating real-world usage
- Ready to duplicate and customize directly within Figma

## Pricing

Free Figma community file

## Details

- Type: Website
- Category: [Design](https://xiry.app/topics/design.md)
- Open source: no
- Platforms: Web
- For: UI/UX designers, web designers, and landing page creators
- Tags: figma, backgrounds, landing page, gradients, textures, ui design

## Why it was saved

- [@uihssn, 10 October 2026](https://x.com/uihssn/status/2109043457411231759): A ready-made set of 200+ background images and gradients to drop into landing page heroes, free to use.

## Related

- [Grainient](https://xiry.app/resources/grainient): Curated library of grainy, smooth, and animated gradient background assets (Website, Freemium)
- [Premium AI Backgrounds](https://xiry.app/resources/premium-ai-backgrounds): Free halftone landscape hero backgrounds designed for website headers and landing pages. (Website, Free)
- [Landingly](https://xiry.app/resources/landingly): Curated landing page design gallery paired with Figma templates (Website, Freemium)
- [Photo Gradient](https://xiry.app/resources/photo-gradient): Browser-based tool to generate warped mesh gradients from colors or photos (Web app, Free)
- [RunwayML Animated Gradient Motion Prompt](https://xiry.app/resources/runwayml-animated-gradient-motion-prompt): Runway Gen-3 prompt and workflow to animate static gradients for websites (Prompt, Freemium)
- [coolshapes](https://xiry.app/resources/coolshapes): Open-source abstract shapes with grainy gradients for design and dev projects. (Website, Free)

Updated 11 October 2026. Page: https://xiry.app/resources/super-visuals-backgrounds-library

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.