Gradiently

Awesome gradient image placeholder for your project!



Dynamic gradient with params

/api/linear/{width}/{height}/{hex_primary}/{hex_secondary}/{position}
Example:
https://gradiently.men10.dev/api/linear/300/300/3C6E71/70AE6E/left-to-right
https://gradiently.men10.dev/api/linear/300/300/3C6E71/70AE6E/right-to-left
https://gradiently.men10.dev/api/linear/300/300/3C6E71/70AE6E/top-to-bottom
https://gradiently.men10.dev/api/linear/300/300/3C6E71/70AE6E/bottom-to-top

Random gradient

/api/random/linear/{width}/{height}/{position}
Example:
https://gradiently.men10.dev/api/random/linear/300/300/left-to-right
https://gradiently.men10.dev/api/random/linear/300/300/right-to-left
https://gradiently.men10.dev/api/random/linear/300/300/top-to-bottom
https://gradiently.men10.dev/api/random/linear/300/300/bottom-to-top