Vue स्टार्टर ऐप टेम्पलेट

CDN से लोड किया गया Vue 3 टू-डू ऐप, रिएक्टिव फ़िल्टर के साथ। इंटरनेट चाहिए।

फ़्रेमवर्कइंटरनेट चाहिए1 फ़ोन फ़ीचरVue

✏️ ऑनलाइन एडिट और बिल्ड करें फ़ुल स्क्रीन में खोलें

यह टेम्पलेट लाइव चल रहा है। कैमरा, वाइब्रेशन और नोटिफ़िकेशन जैसे फ़ोन फ़ीचर आपके बनाए ऐप में काम करते हैं।

यह टेम्पलेट कौन-से फ़ोन फ़ीचर इस्तेमाल करता है

ये FreeApp JavaScript ब्रिज से आते हैं, जो Free HTML to APK से बने हर ऐप में शामिल होता है। सामान्य ब्राउज़र में भी टेम्पलेट चलता है, बस ये कॉल कुछ नहीं करतीं।

वाइब्रेशन

FreeApp.vibrate()

एक बार का वाइब्रेशन (डिफ़ॉल्ट 50 ms) या [off, on, off, on…] पैटर्न।

टेम्पलेट इन्हें कैसे कॉल करता है

Vue.createApp({
  data: () => ({ todos: [] }),
  methods: {
    toggle(t) { t.done = !t.done; if (window.FreeApp) FreeApp.vibrate(15); }
  }
}).mount('#app');

AI से इसे अपना बनाएँ

इस प्रॉम्प्ट को ChatGPT, Gemini या Claude में कॉपी करें, आइडिया को अपने हिसाब से बदलें, और जवाब को वापस एडिटर में पेस्ट करें। यह AI को ऐप शेल और फ़ोन फ़ीचर पहले से समझा देता है।

AI प्रॉम्प्ट दिखाएँ

Build a single-file mobile web app (index.html with inline CSS/JS) for Android WebView.

The app: Vue Starter — a Vue 3 todo app loaded from a CDN with reactive filters. Vue 3 todo app loaded from CDN with reactive filters. 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.vibrate(ms?: number | number[]): void — one-shot buzz (default 50 ms) or an [off, on, off, on…] pattern

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 और Google Play के लिए AAB मिलता है, मुफ़्त, बिना अकाउंट और बिना वॉटरमार्क।

✏️ ऑनलाइन एडिट और बिल्ड करें मुफ़्त पाएँGoogle Play पर