Create unique components with simple prompts
With Jet Admin’s AI Custom Component, you can design new UI components tailored exactly to your needs — no coding required. Just describe what you want in a chat format, and AI will generate custom components directly from your data. You can create anything from interactive sliders, maps, toggles, image carousels, and more.
Expect to iterate: you may need to refine your prompts or chat with the AI a few times to get the exact result you envision.
Use Jet Admin’s Enhance Prompting feature to automatically improve your prompt before sending it to AI. Get clearer, more detailed instructions to generate better, more accurate custom components — faster and with less manual tweaking.
Enhance Your Prompts with AI AssistanceWant to reference an image? Click the image icon inside the prompt box to upload a file from your device. Make sure to also include a written prompt describing how you want the image to influence your component — this helps AI interpret your intent correctly.
Jet Admin’s AI can automatically create the parameters and actions your custom component needs, based on your prompt. This means faster setup, smarter data binding, and ready-to-use interactions without manually configuring each field or action.
Use Jet Admin’s built-in JS Editor to customize every aspect of your custom component. Fine-tune the design, behavior, and interactions directly within your app — with full control over the code.
Easily import components you’ve already built and continue refining them with Jet Admin’s AI and JS Editor. Update designs, adjust logic, and enhance functionality — without starting from scratch.
Sometimes words aren’t enough to explain your idea. Enhance with Image feature lets you upload an image along with your text prompt, helping the AI better understand what you want to build.
Write a Short Description Start by typing a simple explanation of what you want to create. Example:
"A dashboard card for weekly sales numbers."
Click the Image Upload Icon Inside the prompt box, click the Image icon.
Select an image file (JPG, PNG, or GIF) from your device.
It will attach directly to your prompt.
Add a Text Description for the Image After uploading, describe how the image should influence the component. Example:
"Use the uploaded image as a background banner. Place the sales text data on top, left-aligned."
Send Your Enhanced Prompt Submit your prompt with the attached image and description to the AI builder.
Jet Admin’s AI can automatically generate the parameters and actions your custom component needs — based entirely on your prompt.
Write a Clear Prompt Describe what your component should do, including any fields or interactions. Example:
"A user profile card showing name, email, and a button to send a message."
Let the AI Auto-Generate After processing your prompt, Jet Admin automatically:
Creates parameters (e.g., name, email, profileImage)
Adds actions (e.g., sendMessage function on button click)
Review and Customize Once generated:
Review the parameters and actions.
Adjust or rename them if needed.
Jet Admin’s Enhance Prompting feature helps you create better prompts, faster. Simply describe what you want to build, click Enhance, and get a complete, detailed version ready for the AI builder.
Describe Your Component Write a short, clear description. Example:
"I want a product card with title, description and price."
Click the Enhance Icon Hit the Enhance (🪄) icon next to the Attach images icon. Jet Admin rewrites your description into a detailed, build-ready prompt.
Review and Edit (Optional) Check the enhanced prompt:
Adjust or expand if needed.
You can edit freely before submitting.
Send to AI Builder When ready, submit the enhanced prompt to start building!
Be Specific: Mention important elements like layout type (card, form) or fields (title, price, image).
Keep It Simple: Write like you're explaining to a friend — no technical jargon needed.
Clarify Special Needs: If you need dynamic actions (e.g., click to open a modal), mention it in your prompt.
Check and Test: Always preview your generated actions to ensure they behave as expected.
Jet Admin’s Custom Component Builder gives you full control over your component’s design, behavior, and interactions — all inside your app.
Turn on Dev Mode Click the Dev button inside your component to enable Developer Mode. This unlocks full access to:
Layout (JSX)
Styles (CSS)
Logic (JavaScript)
Review and Edit the Structure Manually adjust how your component is built:
Move elements
Update styles
Write new functions or events
Use AI Assistance to Improve Your Component After manual edits:
Ask AI to optimize layouts
Auto-generate actions
Improve logic or add features
Save and Preview Changes Instantly see your updates inside the app after saving.
Click the Dev button inside your component to enable Developer Mode.
Only after turning on Dev Mode, you’ll see these options:
Upload Source Files (upload individual files)
Ask AI (generate missing files)
Extract .zip (upload and extract full project archives)
Upload Your Files or Extract a Project
Upload your JSX, JavaScript, and CSS files individually. OR
Upload a .zip file containing your full component structure (Jet Admin will extract it automatically).
Use AI Assistance to Enhance the Uploaded Component
After uploading, you can ask AI to:
Fix broken layouts
Generate missing actions or params
Improve design or logic
Edit Freely in Dev Mode
Edit files directly (layouts, styles, logic) to fine-tune your component.
Download Your Component Files (Optional)
Save and download your complete, improved component whenever needed.
Save and Preview Changes Instantly
Instantly preview how your updated component looks and behaves inside your app.
