Hello, This template is built with html css and javascript, You can use it how ever you wish. if you want to integrate with local LLM you can, or use API. Keep in mind that you have to integrate that yourself. This is just UI, not functional.

I got it. Thanks.

I don’t really have figma or a design file right now. I have designed it while coding. Now I am working on component preview pages. I will create a figma file. As soon as I am done with current update. It should be available in 12/15 days. Thanks

Hi, thanks for the suggestion. Will add alert component in next update (asap). If you need anything else, let me know here.

Hello, This template includes script for modal, could you please send me message via support tab ” https://themeforest.net/item/scribblerai-ai-content-generator-dashboard-and-user-app-html-template/51010846/support ” so i can send you the markup.

I will include some preview for it in the package in our next update

Just found a way to directly post code here

<button data-target="#ModalId" class="modal-toggle relative inline-flex w-full items-center justify-center gap-3 rounded-md bg-blue-600 px-5 py-2 text-sm font-medium text-white transition-all hover:bg-blue-800">Modal Default</button>

<div id="ModalId" class="modal group fixed inset-0 flex items-center py-5 px-3 transition-all duration-500 opacity-0 invisible [&.show]:visible [&.show]:opacity-100 z-[5000]">
    <div class="modal-overlay modal-close absolute inset-0 bg-slate-700 bg-opacity-50" />
    <div class="modal-body bg-white dark:bg-gray-950 rounded-md w-full sm:w-[520px] mx-auto transition-transform delay-500 group-[.show]:delay-0 group-[.show]:duration-300 ease-out -translate-y-[30px] group-[.show]:translate-y-0">
        <button class="modal-close absolute top-0 end-0 translate-x-1/2 -translate-y-1/2 h-8 w-8 flex justify-center items-center rounded-full bg-white dark:bg-slate-950 text-slate-600 dark:text-white border border-slate-200 dark:border-slate-700 shadow">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
                <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
            </svg>                          
        </button>
        <div class="px-5 sm:px-6 py-5 sm:py-6">
            <p class="text-slate-500 dark:text-slate-300">Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem similique earum necessitatibus nesciunt! Quia id expedita asperiores voluptatem odit quis fugit sapiente assumenda sunt voluptatibus atque facere autem, omnis explicabo.</p>
        </div>
    </div>
</div>

it does not need anything else other then dir=”rtl”. but maybe some script interfering with it. could you please check script.js and look for “Mode Switch” and remove/change the part for direction switch.

I did it and now it’s ok. thanks a lot

I am glad to hear that. If you need help any other help, let me know.

Hello, This is a HTML template so if you want to use it with WordPress. you have to convert it into WordPress theme. But i am not WordPress developer so I don’t have any idea how to do it. Thanks

Hello,

We are using tailwind css so you might need to change few thing to make it work properly. please check this link https://tailwindcss.com/docs/guides/laravel for guideline.

Thanks

Thanks