JSON Prompt Generator ( For UI Development)

Creating JSON-Based Prompts for UI Component Code Generation, then run it through your preferred LLM

Task

Framework

Component

UI Trend

Brand Logo Image

Menu Items (comma separated)

CTA Button

Sticky Top

Navigation Buttons Additional

Pagination Dots Additional

Background Image Additional

Slide Content Format

Section Heading

Heading text align

Heading text bold

Heading Text Underline

Cards count

Card Content Format

Card Hover shadow

Background Color

Section Heading

Section Sub Heading

CTA Button Text

CTA Button Style

Text Align

Logo Image

Logo Position

Menu Sections

Responsive

Edit this JSON to match the component type.

Init on page load

Programmatic Control

Navigations control

Pagination control

Accessibility: aria_labels (always true)

Output Format

Generated JSON Prompt

Copied to clipboard!