Plugins
Jitone AI
Add AI features to your Filament forms.
Form Builder
Form Field
Dark theme support
Yes
Multi language support
No
Compatible with the latest version
Supported versions: 3.x
Documentation

jitone-ai is a powerful FilamentPHP plugin that integrates AI-powered features directly into your Filament forms.

Latest Version on Packagist GitHub Tests Action Status Total Downloads

#Looking for More? Upgrade to the Premium Version of JitoneAI Today!

Key Features of JitoneAi Pro:

  • AI Content Generation: Access over 25 premium templates, categorized by use case. Select your content tone and generate tailored text effortlessly.

  • AI Image Generator: Create stunning visuals using 25+ premium templates, each designed for specific use cases.

  • Text Modification Tools: Refine, expand, shorten, summarize, translate, or correct grammar in existing text. Optimize titles for SEO or readability.

  • SEO Meta Description Generator: Automatically generate SEO-friendly meta descriptions from your content.

  • Audio Transcription: Convert uploaded audio into text with ease.

  • Text-to-Audio Conversion: Transform your text into high-quality audio outputs.

  • JitoneAi Pro offers a one-time payment with lifetime updates and priority support.

Visit for more details about JitoneAI Pro

#Installation

composer require jiten14/jitone-ai

#Usage

  1. After downloading, Run the package installation command:
php artisan jitone-ai:install

This command will:

  • Publish the configuration file for Jitone AI Settings.
  • Publish the configiration file for openai-php/laravel Settings.
  • Create a symbolic link for storage
  1. We use openai-php/laravel package to connect with OpenAI API. Blank environment variables for the OpenAI API key and organization id are already appended to your .env file, Add your API key here.
OPENAI_API_KEY=sk-...
OPENAI_ORGANIZATION=org-...

#Configuration

The config/jitone-ai.php file allows you to set default values and templates:

  • Set default AI models, max tokens, and temperature
  • Configure image generation settings
  • Add custom content templates

#Usage for Developers

#Adding AI to Built-in Filament Form Fields

You can add AI generation capabilities to TextInput, Textarea, and RichEditor fields using the withAI() method:

#Without Options

use Filament\Forms\Components\TextInput;
use Filament\Forms\Components\Textarea;
use Filament\Forms\Components\RichEditor;
 
TextInput::make('title')
->withAI()
 
Textarea::make('description')
->withAI()
 
RichEditor::make('content')
->withAI()

#With Options

TextInput::make('title')
->withAI([
'model' => 'gpt-4',
'max_tokens' => 100,
'temperature' => 0.7,
])
 
Textarea::make('description')
->withAI([
'model' => 'gpt-3.5-turbo',
'max_tokens' => 200,
'temperature' => 0.5,
])
 
RichEditor::make('content')
->withAI([
'model' => 'gpt-4',
'max_tokens' => 500,
'temperature' => 0.8,
])

#Using Dedicated AI Fields

#AITextField

The package provides a dedicated AITextField for enhanced content generation:

#Without Options:
use Jiten14\JitoneAi\Forms\Components\AITextField;
 
AITextField::make('content')->withAI()
#With Options:
AITextField::make('content')
->withAI([
'model' => 'gpt-4',
'max_tokens' => 300,
'temperature' => 0.6,
])

#AIFileUpload for Image Generation

Use the AIFileUpload field with the imageAI() method to enable AI image generation:

#Without Options:
use Jiten14\JitoneAi\Forms\Components\AIFileUpload;
 
AIFileUpload::make('image')
->imageAI()
#With Options:
AIFileUpload::make('image')
->imageAI([
'size' => '1024x1024',
])

#Usage for End-Users

#Generating Content

  1. In a form with AI-enabled fields, users will see a "Generate with AI" link right upper to the field.
  2. Clicking this link opens a modal where users can:
    • Enter a custom prompt
    • Choose from pre-defined templates (if configured)
    • Use existing content for modification
  3. If modifying existing content, users can choose to:
    • Refine: Improve the existing text
    • Expand: Add more details to the existing text
    • Shorten: Summarize the existing text
  4. After entering the prompt, selecting a template, or choosing a modification option, click "Generate" to create or modify the content.
  5. The generated or modified content will be inserted into the form field.

#Generating Images

  1. For fields with AI image generation, users will see a "Generate with AI" link right upper to the upload field.
  2. Clicking this link opens a modal where users can:
    • Describe the image they want to generate
    • Choose from pre-defined image prompts (if configured)
    • Select the desired image size (if multiple options are provided)
  3. After entering the description, selecting a template, and choosing the size, click "Generate" to create the image.
  4. The generated image will be uploaded and associated with the form field.

#Advanced Features

  • The package automatically checks for required dependencies and their versions, logging warnings if any are missing or outdated.
  • Developers can add custom templates and prompts through the configuration file.

#Changelog

Jitone AI follows semantic versioning:

  • v0.1.7: Fixes applied in OpenAi Configuration.

Please see CHANGELOG for more information on what has changed recently.

#Contributing

Please see CONTRIBUTING for details.

#FAQ

  1. File upload previews not loading after generating Image.
    • Ans.- Make sure that the APP_URL variable in your .env file matches the domain you're using to access your app from, including the protocol (http or https).

#Security Vulnerabilities

If you discover any security vulnerabilities or bugs, please let us know so I can address them promptly.

#Support

For support with this package or to report any issues, feel free to reach out Jitone AI Support. I am happy to assist you!

#Credits

#License

The MIT License (MIT). Please see License File for more information.

Jitendriya Tripathy

Jitendriya Tripathy is a Web Application Developer with over 6 years of experience specializing in Laravel, Vue.js, and modern web technologies like Inertia.js, HTML5, CSS3, and JavaScript. He has a deep understanding of both Laravel 10 and 11 and enjoys building packages and web applications, particularly within the Laravel and Filament ecosystems. Jitendriya is passionate about creating robust, scalable solutions and sharing his knowledge with the developer community. He believes in putting dedication and creativity into every project he works on.

1
Plugins
20
Stars
Featured Plugins