Free HTML to قالب تطبيق صفحة هبوط Tailwind
صفحة هبوط Tailwind Play CDN مع قسم رئيسي وميزات وأسعار. تتطلب اتصالًا بالإنترنت.
هذا هو القالب يعمل مباشرةً. ميزات الهاتف مثل الكاميرا والاهتزاز والإشعارات تعمل في التطبيق الذي تنشئه.
ميزات الهاتف التي يستخدمها هذا القالب
تأتي هذه من جسر FreeApp JavaScript المضمَّن في كل تطبيق يُنشأ باستخدام Free HTML to APK. في المتصفح العادي يظل القالب يعمل، لكن هذه الاستدعاءات ببساطة لا تفعل شيئًا.
رسالة toast أصلية قصيرة.
كيف يستدعيها القالب
document.querySelector('#cta').addEventListener('click', () => {
if (window.FreeApp) FreeApp.toast('Thanks for signing up!');
else alert('Thanks for signing up!');
});
اجعله خاصًا بك بالذكاء الاصطناعي
انسخ هذا الأمر إلى ChatGPT أو Gemini أو Claude، وغيّر الفكرة إلى فكرتك، ثم الصق الإجابة في المحرر. فهو يشرح للذكاء الاصطناعي هيكل التطبيق وميزات الهاتف مسبقًا.
عرض أمر الذكاء الاصطناعي
Build a single-file mobile web app (index.html with inline CSS/JS) for Android WebView.
The app: Tailwind Landing — a landing page styled with the Tailwind Play CDN: hero, features and pricing. Tailwind Play CDN landing page with hero, features and pricing. Needs internet.
Requirements:
- Mobile-first, touch-friendly UI (min 44px tap targets), works in portrait, supports light and dark mode.
- Use <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> and pad for env(safe-area-inset-*).
- You may load libraries from a CDN (jsDelivr/unpkg); show a friendly message if the device is offline.
The page runs inside an Android app that injects a native bridge as window.FreeApp. Available APIs:
- FreeApp.toast(message: string): void — short native toast
Rules for the bridge:
- Always guard calls with `window.FreeApp &&` (or `if (window.FreeApp) { … }`) and provide a browser fallback so the page also works in a normal browser.
- The bridge may be injected after your script runs: do native setup inside `window.addEventListener('freeappready', …)` and also run it immediately if window.FreeApp already exists.
- Do not use alert/confirm for normal feedback; prefer FreeApp.toast when available.
Return the complete index.html in one code block.
My idea: [DESCRIBE YOUR APP IDEA HERE]حوّله إلى تطبيق Android
- اضغط عدّل وأنشئ عبر الإنترنت. يُفتح القالب في المحرر عبر الإنترنت.
- غيّر النص والألوان والكود، ثم اختر اسمًا للتطبيق وأيقونة واسم الحزمة.
- أنشئ التطبيق. ستحصل على APK موقّع لتثبيته وAAB لـ Google Play، مجانًا، بدون حساب وبدون علامة مائية.
المزيد من قوالب الأطر
React Starter
React 18 + htm من CDN: عدّاد وقائمة مهام، بلا خطوة بناء. يحتاج إنترنت.
بداية Vue
تطبيق مهام Vue 3 محمّل من CDN مع مرشحات تفاعلية. يتطلب اتصالًا بالإنترنت.
لوحة تحكم Bootstrap
لوحة إدارة Bootstrap 5 مع إحصاءات وجداول وتبويبات. تتطلب اتصالًا بالإنترنت.
قائمة تسوّق Alpine
قائمة تسوّق Alpine.js مع الإجماليات والفئات. تتطلب اتصالًا بالإنترنت.
Phaser Jumper
لعبة منصات صغيرة بـ Phaser 3 مع أزرار تحكم على الشاشة. تحتاج إنترنت.
مشهد Three.js ثلاثي الأبعاد
مشهد ثلاثي الأبعاد دوّار مع إضاءات ومدار باللمس. يتطلب اتصالًا بالإنترنت.