Tap any feature button to open that tool. Each tool has a short guide inside the page.
Recent Projects
HTML Editor
How to use: নিচের diagram দেখে HTML structure বুঝে কোড লিখুন। যদি আপনি নতুন হন, আগে ``, তারপর ``, তারপর ``, তারপর `` লিখুন। ``-এ title/meta/link/script থাকে, আর ``-তে দেখা যায় এমন content থাকে।
Your Page TitleTop areaMain contentAny section
মনে রাখুন: যেকোনো web page বানাতে এই skeleton-টাই base হিসেবে কাজ করে; ভিতরের অংশ বদলালে আলাদা page, app, portfolio, form, blog, store—সবই তৈরি করা যায় [web:12][web:23][web:15].
Live Preview
Blockly
How to use: Blocks button চাপলে সব major category-এর shelf খুলবে। Logic, Loops, Math, Text, Lists, Colour, Variables, Functions এর block add করে শুধু blocks দিয়েই simple apps/logic তৈরি করা যাবে। Variables block-এ variable create/rename/delete করা যাবে, আর toolbox-এ আরও blocks রাখা হয়েছে যাতে code-based thinking ছাড়াও visual logic build করা যায় [web:11][web:1][web:14][web:17].
Tap any block to add it to the workspace.
Video Studio
How to use: ভিডিও upload করুন, তারপর direct download link বা button ব্যবহার করুন। Video source যদি browser-supported direct URL/blob হয়, download পাওয়া যাবে। কিছু site/security সীমাবদ্ধতায় সবসময় সম্ভব নাও হতে পারে, কিন্তু সাধারণ source-এর জন্য button কাজ করবে [web:2][web:5][web:8].
FFmpeg Tools
FFmpeg not loaded yet...
Drag Builder
How to use: উপরের item drag করে canvas-এ drop করুন। তারপর Generate HTML চাপুন। Clear দিয়ে reset করুন। Heading, paragraph, button, image এখন কাজ করবে। নিচে দেয়া structure দেখে বড় page-ও বানানো যাবে [web:12][web:18][web:29].
📌 Heading
📝 Paragraph
🔘 Button
🖼️ Image
Drop elements here →
Projects
How to use: এখানে সব saved project দেখাবে। Load দিয়ে editor বা Blockly-তে ফেরত আনতে পারবেন। ভুল save হলে Delete দিয়ে remove করা যাবে। localStorage-এর saved item delete করতে removeItem বা filtered re-save ব্যবহার করা হয় [web:13][web:16][web:22].
App Guide
Home
সব tool এক জায়গায় দেখাবে। Recent Projects, search, language change, dark mode এখানে পাওয়া যাবে।
HTML Editor
একটি website/app/page বানাতে প্রথমে boilerplate structure ব্যবহার করুন: DOCTYPE → html → head → body। head-এ metadata ও scripts, body-তে content থাকবে [web:12][web:15][web:23].
Video upload করে download button ব্যবহার করুন। direct URL থাকলে link download হবে, আর edited file থাকলে edited video download হবে [web:2][web:5][web:8].
Drag Builder
Heading, paragraph, button, image drag করে canvas-এ drop করুন। Generate HTML দিয়ে editor-এ পাঠান।
Projects
Saved কাজ load, export, delete, and manage করুন। HTML এবং Blockly project আলাদা type হিসেবে save হয় [web:13][web:16].
Search
অ্যাপের feature, সাহায্য, বা ছোট প্রশ্ন লিখে search করলে exact/partial match অনুযায়ী উত্তর দেখাবে, শুধু fallback message নয়।
Translate
Translate button থেকে language list খুলবে, তারপর যে ভাষা চান সেটি বেছে page content অনুবাদ করতে পারবেন। Chrome-style translation flow-ও language chooser ব্যবহার করে [web:9][web:21][web:24][web:30].