justmalhar/flux-bento-grids | Run with an API on Replicate

justmalhar / flux-bento-grids

Generates Bento Grid UI Designs

Warm

Public
59 runs
H100

Iterate in playground

Run with an API

Playground API Examples README Versions

Input

prompt

*string

Shift + Return to add a new line

a highly polished website design in BENTOGRID style,  for a creative studio website featuring with text ‘Inspire,’ ‘Visionary 2.0,’ ‘Gallery of Ideas,’ ‘Design Masterclass,’ ‘Showcase Projects,’ ‘Tutorial Hub,’ ‘Collaborate Now,’ ‘Design 2.0,’ ‘Master Designs,’ ‘Create Stunning Visuals,’ and ‘Explore Endless Ideas.’”a highly polished website design in BENTOGRID style,  for a creative studio website featuring with text ‘Inspire,’ ‘Visionary 2.0,’ ‘Gallery of Ideas,’ ‘Design Masterclass,’ ‘Showcase Projects,’ ‘Tutorial Hub,’ ‘Collaborate Now,’ ‘Design 2.0,’ ‘Master Designs,’ ‘Create Stunning Visuals,’ and ‘Explore Endless Ideas.’”

Prompt for generated image. If you include the `trigger_word` used in the training process you are more likely to activate the trained object, style, or concept in the resulting image.

image

file

Input image for image to image or inpainting mode. If provided, aspect_ratio, width, and height inputs are ignored.

mask

file

Image mask for image inpainting mode. If provided, aspect_ratio, width, and height inputs are ignored.

aspect_ratio

string

Aspect ratio for the generated image. If custom is selected, uses height and width below & will run in bf16 mode

Default: "1:1"

height

integer

(minimum: 256, maximum: 1440)

Height of generated image. Only works if `aspect_ratio` is set to custom. Will be rounded to nearest multiple of 16. Incompatible with fast generation

width

integer

(minimum: 256, maximum: 1440)

Width of generated image. Only works if `aspect_ratio` is set to custom. Will be rounded to nearest multiple of 16. Incompatible with fast generation

prompt_strength

number

(minimum: 0, maximum: 1)

Prompt strength when using img2img. 1.0 corresponds to full destruction of information in image

Default: 0.8

model

string

Which model to run inference with. The dev model performs best with around 28 inference steps but the schnell model only needs 4 steps.

Default: "dev"

num_outputs

integer

(minimum: 1, maximum: 4)

Number of outputs to generate

Default: 1

num_inference_steps

integer

(minimum: 1, maximum: 50)

Number of denoising steps. More steps can give more detailed images, but take longer.

Default: 28

guidance_scale

number

(minimum: 0, maximum: 10)

Guidance scale for the diffusion process. Lower values can give more realistic images. Good values to try are 2, 2.5, 3 and 3.5

Default: 3

seed

integer

Random seed. Set for reproducible generation

output_format

string

Format of the output images

Default: "webp"

output_quality

integer

(minimum: 0, maximum: 100)

Quality when saving the output images, from 0 to 100. 100 is best quality, 0 is lowest quality. Not relevant for .png outputs

Default: 80

disable_safety_checker

boolean

Disable safety checker for generated images.

Default: false

go_fast

boolean

Run faster predictions with model optimized for speed (currently fp8 quantized); disable to run in original bf16

Default: false

megapixels

string

Approximate number of megapixels for generated image

Default: "1"

lora_scale

number

(minimum: -1, maximum: 3)

Determines how strongly the main LoRA should be applied. Sane results between 0 and 1 for base inference. For go_fast we apply a 1.5x multiplier to this value; we've generally seen good performance when scaling the base value by that amount. You may still need to experiment to find the best value for your particular lora.

Default: 1

extra_lora

string

Shift + Return to add a new line

Load LoRA weights. Supports Replicate models in the format <owner>/<username> or <owner>/<username>/<version>, HuggingFace URLs in the format huggingface.co/<owner>/<model-name>, CivitAI URLs in the format civitai.com/models/<id>[/<model-name>], or arbitrary .safetensors URLs from the Internet. For example, 'fofr/flux-pixar-cars'

extra_lora_scale

number

(minimum: -1, maximum: 3)

Determines how strongly the extra LoRA should be applied. Sane results between 0 and 1 for base inference. For go_fast we apply a 1.5x multiplier to this value; we've generally seen good performance when scaling the base value by that amount. You may still need to experiment to find the best value for your particular lora.

Default: 1

Run this model in Node.js with one line of code:

npx create-replicate --model=justmalhar/flux-bento-grids

or set up a project from scratch

Install Replicate’s Node.js client library:

npm install replicate

Set the REPLICATE_API_TOKEN environment variable:

export REPLICATE_API_TOKEN=<paste-your-token-here>

Find your API token in your account settings.

Import and set up the client:

import Replicate from "replicate";
import fs from "node:fs";

const replicate = new Replicate({
  auth: process.env.REPLICATE_API_TOKEN,
});

Run justmalhar/flux-bento-grids using Replicate’s API. Check out the model's schema for an overview of inputs and outputs.

const output = await replicate.run(
  "justmalhar/flux-bento-grids:dd8ee5b34e7291febaf3c2911e462e45c69130c9ce4745d101e65d02384f0dd2",
  {
    input: {
      model: "dev",
      prompt: "a highly polished website design in BENTOGRID style,  for a creative studio website featuring with text ‘Inspire,’ ‘Visionary 2.0,’ ‘Gallery of Ideas,’ ‘Design Masterclass,’ ‘Showcase Projects,’ ‘Tutorial Hub,’ ‘Collaborate Now,’ ‘Design 2.0,’ ‘Master Designs,’ ‘Create Stunning Visuals,’ and ‘Explore Endless Ideas.’”",
      go_fast: false,
      lora_scale: 1,
      megapixels: "1",
      num_outputs: 4,
      aspect_ratio: "16:9",
      output_format: "png",
      guidance_scale: 3.5,
      output_quality: 100,
      prompt_strength: 0.8,
      extra_lora_scale: 1,
      num_inference_steps: 40
    }
  }
);

// To access the file URL:
console.log(output[0].url()); //=> "http://example.com"

// To write the file to disk:
fs.writeFile("my-image.png", output[0]);

To learn more, take a look at the guide on getting started with Node.js.

Install Replicate’s Python client library:

pip install replicate

Set the REPLICATE_API_TOKEN environment variable:

export REPLICATE_API_TOKEN=<paste-your-token-here>

Find your API token in your account settings.

Import the client:

import replicate

Run justmalhar/flux-bento-grids using Replicate’s API. Check out the model's schema for an overview of inputs and outputs.

output = replicate.run(
    "justmalhar/flux-bento-grids:dd8ee5b34e7291febaf3c2911e462e45c69130c9ce4745d101e65d02384f0dd2",
    input={
        "model": "dev",
        "prompt": "a highly polished website design in BENTOGRID style,  for a creative studio website featuring with text ‘Inspire,’ ‘Visionary 2.0,’ ‘Gallery of Ideas,’ ‘Design Masterclass,’ ‘Showcase Projects,’ ‘Tutorial Hub,’ ‘Collaborate Now,’ ‘Design 2.0,’ ‘Master Designs,’ ‘Create Stunning Visuals,’ and ‘Explore Endless Ideas.’”",
        "go_fast": False,
        "lora_scale": 1,
        "megapixels": "1",
        "num_outputs": 4,
        "aspect_ratio": "16:9",
        "output_format": "png",
        "guidance_scale": 3.5,
        "output_quality": 100,
        "prompt_strength": 0.8,
        "extra_lora_scale": 1,
        "num_inference_steps": 40
    }
)
print(output)

To learn more, take a look at the guide on getting started with Python.

Set the REPLICATE_API_TOKEN environment variable:

export REPLICATE_API_TOKEN=<paste-your-token-here>

Find your API token in your account settings.

Run justmalhar/flux-bento-grids using Replicate’s API. Check out the model's schema for an overview of inputs and outputs.

curl -s -X POST \
  -H "Authorization: Bearer $REPLICATE_API_TOKEN" \
  -H "Content-Type: application/json" \
  -H "Prefer: wait" \
  -d $'{
    "version": "justmalhar/flux-bento-grids:dd8ee5b34e7291febaf3c2911e462e45c69130c9ce4745d101e65d02384f0dd2",
    "input": {
      "model": "dev",
      "prompt": "a highly polished website design in BENTOGRID style,  for a creative studio website featuring with text ‘Inspire,’ ‘Visionary 2.0,’ ‘Gallery of Ideas,’ ‘Design Masterclass,’ ‘Showcase Projects,’ ‘Tutorial Hub,’ ‘Collaborate Now,’ ‘Design 2.0,’ ‘Master Designs,’ ‘Create Stunning Visuals,’ and ‘Explore Endless Ideas.’”",
      "go_fast": false,
      "lora_scale": 1,
      "megapixels": "1",
      "num_outputs": 4,
      "aspect_ratio": "16:9",
      "output_format": "png",
      "guidance_scale": 3.5,
      "output_quality": 100,
      "prompt_strength": 0.8,
      "extra_lora_scale": 1,
      "num_inference_steps": 40
    }
  }' \
  https://api.replicate.com/v1/predictions

To learn more, take a look at Replicate’s HTTP API reference docs.

Output

{
  "completed_at": "2024-11-24T18:19:24.849419Z",
  "created_at": "2024-11-24T18:18:34.508000Z",
  "data_removed": false,
  "error": null,
  "id": "jkghgccthhrmc0ckbxjsg363mg",
  "input": {
    "model": "dev",
    "prompt": "a highly polished website design in BENTOGRID style,  for a creative studio website featuring with text ‘Inspire,’ ‘Visionary 2.0,’ ‘Gallery of Ideas,’ ‘Design Masterclass,’ ‘Showcase Projects,’ ‘Tutorial Hub,’ ‘Collaborate Now,’ ‘Design 2.0,’ ‘Master Designs,’ ‘Create Stunning Visuals,’ and ‘Explore Endless Ideas.’”",
    "lora_scale": 1,
    "num_outputs": 4,
    "aspect_ratio": "16:9",
    "output_format": "png",
    "guidance_scale": 3.5,
    "output_quality": 100,
    "prompt_strength": 0.8,
    "extra_lora_scale": 1,
    "num_inference_steps": 40
  },
  "logs": "Using seed: 11724\nPrompt: a highly polished website design in BENTOGRID style,  for a creative studio website featuring with text ‘Inspire,’ ‘Visionary 2.0,’ ‘Gallery of Ideas,’ ‘Design Masterclass,’ ‘Showcase Projects,’ ‘Tutorial Hub,’ ‘Collaborate Now,’ ‘Design 2.0,’ ‘Master Designs,’ ‘Create Stunning Visuals,’ and ‘Explore Endless Ideas.’”\n[!] txt2img mode\nUsing dev model\nfree=29428826095616\nDownloading weights\n2024-11-24T18:18:34Z | INFO  | [ Initiating ] chunk_size=150M dest=/tmp/tmpaahbnkw_/weights url=https://replicate.delivery/xezq/yf4UHe4sebWzFIO3gxIzIPhagdrSRA9TDzxtY8JiypwVajonA/trained_model.tar\n2024-11-24T18:18:35Z | INFO  | [ Complete ] dest=/tmp/tmpaahbnkw_/weights size=\"172 MB\" total_elapsed=1.193s url=https://replicate.delivery/xezq/yf4UHe4sebWzFIO3gxIzIPhagdrSRA9TDzxtY8JiypwVajonA/trained_model.tar\nDownloaded weights in 1.23s\nLoaded LoRAs in 1.69s\n  0%|          | 0/40 [00:00<?, ?it/s]\n  2%|▎         | 1/40 [00:01<00:46,  1.19s/it]\n  5%|▌         | 2/40 [00:02<00:40,  1.07s/it]\n  8%|▊         | 3/40 [00:03<00:41,  1.12s/it]\n 10%|█         | 4/40 [00:04<00:41,  1.15s/it]\n 12%|█▎        | 5/40 [00:05<00:40,  1.16s/it]\n 15%|█▌        | 6/40 [00:06<00:39,  1.17s/it]\n 18%|█▊        | 7/40 [00:08<00:38,  1.18s/it]\n 20%|██        | 8/40 [00:09<00:37,  1.18s/it]\n 22%|██▎       | 9/40 [00:10<00:36,  1.18s/it]\n 25%|██▌       | 10/40 [00:11<00:35,  1.18s/it]\n 28%|██▊       | 11/40 [00:12<00:34,  1.18s/it]\n 30%|███       | 12/40 [00:14<00:33,  1.18s/it]\n 32%|███▎      | 13/40 [00:15<00:32,  1.19s/it]\n 35%|███▌      | 14/40 [00:16<00:30,  1.19s/it]\n 38%|███▊      | 15/40 [00:17<00:29,  1.19s/it]\n 40%|████      | 16/40 [00:18<00:28,  1.19s/it]\n 42%|████▎     | 17/40 [00:19<00:27,  1.19s/it]\n 45%|████▌     | 18/40 [00:21<00:26,  1.19s/it]\n 48%|████▊     | 19/40 [00:22<00:24,  1.19s/it]\n 50%|█████     | 20/40 [00:23<00:23,  1.19s/it]\n 52%|█████▎    | 21/40 [00:24<00:22,  1.19s/it]\n 55%|█████▌    | 22/40 [00:25<00:21,  1.19s/it]\n 57%|█████▊    | 23/40 [00:27<00:20,  1.19s/it]\n 60%|██████    | 24/40 [00:28<00:18,  1.19s/it]\n 62%|██████▎   | 25/40 [00:29<00:17,  1.19s/it]\n 65%|██████▌   | 26/40 [00:30<00:16,  1.19s/it]\n 68%|██████▊   | 27/40 [00:31<00:15,  1.19s/it]\n 70%|███████   | 28/40 [00:33<00:14,  1.19s/it]\n 72%|███████▎  | 29/40 [00:34<00:13,  1.19s/it]\n 75%|███████▌  | 30/40 [00:35<00:11,  1.19s/it]\n 78%|███████▊  | 31/40 [00:36<00:10,  1.19s/it]\n 80%|████████  | 32/40 [00:37<00:09,  1.19s/it]\n 82%|████████▎ | 33/40 [00:38<00:08,  1.19s/it]\n 85%|████████▌ | 34/40 [00:40<00:07,  1.19s/it]\n 88%|████████▊ | 35/40 [00:41<00:05,  1.19s/it]\n 90%|█████████ | 36/40 [00:42<00:04,  1.19s/it]\n 92%|█████████▎| 37/40 [00:43<00:03,  1.19s/it]\n 95%|█████████▌| 38/40 [00:44<00:02,  1.19s/it]\n 98%|█████████▊| 39/40 [00:46<00:01,  1.19s/it]\n100%|██████████| 40/40 [00:47<00:00,  1.19s/it]\n100%|██████████| 40/40 [00:47<00:00,  1.18s/it]",
  "metrics": {
    "predict_time": 50.319501192,
    "total_time": 50.341419
  },
  "output": [
    "https://replicate.delivery/xezq/emeefS9JPV8C4RZ8929mNI8YCXfflg72jOpp7FNYHGCFLgE9E/out-0.png",
    "https://replicate.delivery/xezq/IyCkyT04SJrrIxEp5WcBoR1BqfZnYmt6Nhpr56RooyCWAJ6JA/out-1.png",
    "https://replicate.delivery/xezq/kMVDU9CclAKiMNlj3nLHY1ehIZcA2IqvyjX0leyYYeaZBkonA/out-2.png",
    "https://replicate.delivery/xezq/YNLJaGQsKD6YEF7xb7bneniLfW6GNkqlaAzY4WdjfGrZBkonA/out-3.png"
  ],
  "started_at": "2024-11-24T18:18:34.529918Z",
  "status": "succeeded",
  "urls": {
    "stream": "https://stream.replicate.com/v1/files/bcwr-yvg3y5vtd2a3znbjwn6ck75hceh7sjp63ugtklynaa76bgaq4c7a",
    "get": "https://api.replicate.com/v1/predictions/jkghgccthhrmc0ckbxjsg363mg",
    "cancel": "https://api.replicate.com/v1/predictions/jkghgccthhrmc0ckbxjsg363mg/cancel"
  },
  "version": "dd8ee5b34e7291febaf3c2911e462e45c69130c9ce4745d101e65d02384f0dd2"
}

Generated in

50.3 seconds

Tweak it ShareReport View full prediction

Using seed: 11724
Prompt: a highly polished website design in BENTOGRID style,  for a creative studio website featuring with text ‘Inspire,’ ‘Visionary 2.0,’ ‘Gallery of Ideas,’ ‘Design Masterclass,’ ‘Showcase Projects,’ ‘Tutorial Hub,’ ‘Collaborate Now,’ ‘Design 2.0,’ ‘Master Designs,’ ‘Create Stunning Visuals,’ and ‘Explore Endless Ideas.’”
[!] txt2img mode
Using dev model
free=29428826095616
Downloading weights
2024-11-24T18:18:34Z | INFO  | [ Initiating ] chunk_size=150M dest=/tmp/tmpaahbnkw_/weights url=https://replicate.delivery/xezq/yf4UHe4sebWzFIO3gxIzIPhagdrSRA9TDzxtY8JiypwVajonA/trained_model.tar
2024-11-24T18:18:35Z | INFO  | [ Complete ] dest=/tmp/tmpaahbnkw_/weights size="172 MB" total_elapsed=1.193s url=https://replicate.delivery/xezq/yf4UHe4sebWzFIO3gxIzIPhagdrSRA9TDzxtY8JiypwVajonA/trained_model.tar
Downloaded weights in 1.23s
Loaded LoRAs in 1.69s
  0%|          | 0/40 [00:00<?, ?it/s]
  2%|▎         | 1/40 [00:01<00:46,  1.19s/it]
  5%|▌         | 2/40 [00:02<00:40,  1.07s/it]
  8%|▊         | 3/40 [00:03<00:41,  1.12s/it]
 10%|█         | 4/40 [00:04<00:41,  1.15s/it]
 12%|█▎        | 5/40 [00:05<00:40,  1.16s/it]
 15%|█▌        | 6/40 [00:06<00:39,  1.17s/it]
 18%|█▊        | 7/40 [00:08<00:38,  1.18s/it]
 20%|██        | 8/40 [00:09<00:37,  1.18s/it]
 22%|██▎       | 9/40 [00:10<00:36,  1.18s/it]
 25%|██▌       | 10/40 [00:11<00:35,  1.18s/it]
 28%|██▊       | 11/40 [00:12<00:34,  1.18s/it]
 30%|███       | 12/40 [00:14<00:33,  1.18s/it]
 32%|███▎      | 13/40 [00:15<00:32,  1.19s/it]
 35%|███▌      | 14/40 [00:16<00:30,  1.19s/it]
 38%|███▊      | 15/40 [00:17<00:29,  1.19s/it]
 40%|████      | 16/40 [00:18<00:28,  1.19s/it]
 42%|████▎     | 17/40 [00:19<00:27,  1.19s/it]
 45%|████▌     | 18/40 [00:21<00:26,  1.19s/it]
 48%|████▊     | 19/40 [00:22<00:24,  1.19s/it]
 50%|█████     | 20/40 [00:23<00:23,  1.19s/it]
 52%|█████▎    | 21/40 [00:24<00:22,  1.19s/it]
 55%|█████▌    | 22/40 [00:25<00:21,  1.19s/it]
 57%|█████▊    | 23/40 [00:27<00:20,  1.19s/it]
 60%|██████    | 24/40 [00:28<00:18,  1.19s/it]
 62%|██████▎   | 25/40 [00:29<00:17,  1.19s/it]
 65%|██████▌   | 26/40 [00:30<00:16,  1.19s/it]
 68%|██████▊   | 27/40 [00:31<00:15,  1.19s/it]
 70%|███████   | 28/40 [00:33<00:14,  1.19s/it]
 72%|███████▎  | 29/40 [00:34<00:13,  1.19s/it]
 75%|███████▌  | 30/40 [00:35<00:11,  1.19s/it]
 78%|███████▊  | 31/40 [00:36<00:10,  1.19s/it]
 80%|████████  | 32/40 [00:37<00:09,  1.19s/it]
 82%|████████▎ | 33/40 [00:38<00:08,  1.19s/it]
 85%|████████▌ | 34/40 [00:40<00:07,  1.19s/it]
 88%|████████▊ | 35/40 [00:41<00:05,  1.19s/it]
 90%|█████████ | 36/40 [00:42<00:04,  1.19s/it]
 92%|█████████▎| 37/40 [00:43<00:03,  1.19s/it]
 95%|█████████▌| 38/40 [00:44<00:02,  1.19s/it]
 98%|█████████▊| 39/40 [00:46<00:01,  1.19s/it]
100%|██████████| 40/40 [00:47<00:00,  1.19s/it]
100%|██████████| 40/40 [00:47<00:00,  1.18s/it]