Design · Website
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.
What it's 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
- Topic
- UI Resources
- 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: A ready-made set of 200+ background images and gradients to drop into landing page heroes, free to use.
Related
Curated library of grainy, smooth, and animated gradient background assets
Free halftone landscape hero backgrounds designed for website headers and landing pages.
Curated landing page design gallery paired with Figma templates
Browser-based tool to generate warped mesh gradients from colors or photos
Runway Gen-3 prompt and workflow to animate static gradients for websites
Open-source abstract shapes with grainy gradients for design and dev projects.
Updated