Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/codemonauts/nocontent

AWS Lambda function to generate placeholder Images
https://github.com/codemonauts/nocontent

Last synced: about 4 hours ago
JSON representation

AWS Lambda function to generate placeholder Images

Awesome Lists containing this project

README

        

Get customized placeholder images for your mockups and website designs :rocket:

## Features

- Free
- Open Source
- Fast (delivered via a CDN)

## Usage

The base URL is: `https://nocontent.cloud/img`

To customize the image you will get, prodive one or more of the following options as query string parameters:

| name | description | | value |
| -------- | ----------------- | -------------------------------------- | ------------------------------------ |
| x | width of image | optional (default: 200) | number (in pixels, max-width: 4000) |
| y | height of image | optional (default: 200) | number (in pixels, max-height: 4000) |
| bg | background color | optional (default: ffffff) | hex-value (3 or 6 character) |
| fg | text color | optional (default: 333333) | hex-value (3 or 6 character) |
| label | text on the image | optional (default: 'height' x 'width') | string (max-length: 20) |
| fontSize | size of the label | optional (default: 30) | number |

## Example #1

Without any parameters you will get a small white image with black text and 200x200 px

```
https://nocontent.cloud/img
```

![200x200](https://nocontent.cloud/img)

## Example #2

To get a purple image with the dimensions 600x400, query this address:

```
https://nocontent.cloud/img?x=600&y=400&bg=980080
```

![600x400](https://nocontent.cloud/img?x=600&y=400&bg=980080)

## Example #3

Change the text color to blue and provide a custom text with this URL:

```
https://nocontent.cloud/img?label=Hello%20World&fg=0099FF
```

![200x200](https://nocontent.cloud/img?label=Hello%20World&fg=0099FF)

:computer: with :heart: by [codemonauts](https://codemonauts.com)