Abstract Grainy Gradient Pack
Premium gradient collections that make flat designs pop instantly.
Everything You Get Today
Adobe Photoshop, Illustrator, Figma, Sketch, CSS/Tailwind (via code snippets) — Mac & Windows.
.GRD / .ASE / .CSS
Installing in Photoshop+
Open Photoshop → Gradients panel → menu icon → Import Gradients → select the .grd file. Gradients appear in your panel immediately for use with the Gradient tool or as layer effects.
Using in Figma+
In Figma, select a layer → Fill → Gradient. Use the HEX stop values from the included PDF reference sheet to recreate any gradient precisely. Copy-paste the CSS snippet directly into your code.
Using in CSS / Tailwind+
Open the included CSS reference file. Each gradient is provided as a ready-to-use `background: linear-gradient(...)` declaration. For Tailwind, add the gradient stops to your tailwind.config.js under `extend.backgroundImage`.