Import and Iterate on Your Existing Components

Already have a component built outside of Jet Admin? Easily import your existing code, edit it inside the builder, and enhance it with AI Assistance — no need to start from scratch.

How to Upload and Improve Your Components

1. Turn on Dev Mode First

   • 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)

2. 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).

3. 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

4. Edit Freely in Dev Mode

   • Edit files directly (layouts, styles, logic) to fine-tune your component.

5. Download Your Component Files (Optional)

   • Save and download your complete, improved component whenever needed.

6. Save and Preview Changes Instantly

   • Instantly preview how your updated component looks and behaves inside your app.

📋 Best Practices

Prepare a Clean Project Structure: Especially important if you are uploading a .zip — keep it organized.

Use Consistent Naming: Makes it easier for AI and for you to work across multiple files.

Check Preview Frequently: Always preview after uploading or editing major files.