WebCodeBox โ€“ Code Editor & IDE

ืžื›ื™ืœ ืžื•ื“ืขื•ืชืจื›ื™ืฉื•ืช ืžืชื•ืš ื”ืืคืœื™ืงืฆื™ื”
ืกื™ื•ื•ื’ ืชื•ื›ืŸ
ื›ื•ืœื
+500
ื”ื•ืจื“ื•ืช
ืกื™ื•ื•ื’ ืชื•ื›ืŸ
ื›ื•ืœื
ืจื›ื™ืฉื•ืช ื‘ืชื•ืš ื”ืืคืœื™ืงืฆื™ื”
ืœืžื™ื“ืข ื ื•ืกืฃ
ืฆื™ืœื•ื ืžืกืš
ืฆื™ืœื•ื ืžืกืš
ืฆื™ืœื•ื ืžืกืš
ืฆื™ืœื•ื ืžืกืš
ืฆื™ืœื•ื ืžืกืš
ืฆื™ืœื•ื ืžืกืš
ืฆื™ืœื•ื ืžืกืš

ืžื™ื“ืข ืขืœ ื”ืืคืœื™ืงืฆื™ื” ื”ื–ื•

ื”ืคื›ื• ืืช ื”ืžื›ืฉื™ืจ ื”ื ื™ื™ื“ ืฉืœื›ื ืœ-IDE ื ื™ื™ื“ ืœืคื™ืชื•ื— ืืชืจื™ื ื‘ืขื–ืจืช WebCodeBox. ื‘ื™ืŸ ืื ืืชื ืžื”ื ื“ืกื™ ืชื•ื›ื ื” ืžืงืฆื•ืขื™ื™ื, ืกื˜ื•ื“ื ื˜ื™ื ื”ืœื•ืžื“ื™ื ืœืชื›ื ืช, ืื• ื—ื•ื‘ื‘ื™ื ืฉืžืชืขืกืงื™ื ืขื ืžืกื’ืจื•ืช ื—ื“ืฉื•ืช, WebCodeBox ืžืืคืฉืจ ืœื›ื ืœื›ืชื•ื‘, ืœืงืžืคืœ ื•ืœืฆืคื•ืช ื‘ืชืฆื•ื’ื” ืžืงื“ื™ืžื” ืฉืœ ืคืจื•ื™ืงื˜ื™ ืื™ื ื˜ืจื ื˜ ื™ืฉื™ืจื•ืช ืžื”ื›ื™ืก ืฉืœื›ื.
ื”ืคืกื™ืงื• ืœืชืช ืœืจืขื™ื•ื ื•ืช ื’ื“ื•ืœื™ื ืœื—ืžื•ืง ื›ืฉืืชื ืจื—ื•ืงื™ื ืžื”ืžื—ืฉื‘ ืฉืœื›ื - ื”ืชื—ื™ืœื• ืœื‘ื ื•ืช ืืช ื”ืื™ื ื˜ืจื ื˜ ื‘ื›ืœ ืžืงื•ื, ื‘ื›ืœ ื–ืžืŸ.
๐Ÿš€ ืžืกื’ืจื•ืช ืžื•ื“ืจื ื™ื•ืช ื‘ื›ื™ืก ืฉืœื›ื
WebCodeBox ืžืกืคืง ืกื‘ื™ื‘ืช ืจื™ืฆื” ื‘ืจืžืช ืฉื•ืœื—ืŸ ืขื‘ื•ื“ื” ืขื‘ื•ืจ ืžืกื’ืจื•ืช ื”ืื™ื ื˜ืจื ื˜ ื”ืžื•ื“ืจื ื™ื•ืช ื”ืคื•ืคื•ืœืจื™ื•ืช ื‘ื™ื•ืชืจ. ืคืชื—ื• ืขื:
React ื•-React TS: ื‘ื ื™ื™ืช ืจื›ื™ื‘ื™ื ืขื ืชืžื™ื›ื” ื‘-TypeScript.
Vue 3: ืงื•ื“ื“ื• ืžืžืฉืงื™ ืžืฉืชืžืฉ ืžื•ื“ืจื ื™ื™ื ื‘ืืžืฆืขื•ืช ืจื›ื™ื‘ื™ ืงื•ื‘ืฅ ื™ื—ื™ื“ (.vue).
Svelte 5: ื—ื•ื• ืืช ื”ืชื’ื•ื‘ืชื™ื•ืช ื”ืžื•ื“ืจื ื™ืช ืฉืœ ืจื•ื ื•ืช ื‘ื˜ืœืคื•ืŸ ืฉืœื›ื.
Angular 21: ื‘ื ื™ื™ืช ื•ื‘ื“ื™ืงืช ื™ื™ืฉื•ืžื™ Angular ืžื•ื‘ื ื™ื.
SolidJS ื•-Preact: ืืœื˜ืจื ื˜ื™ื‘ื•ืช ืžื”ื™ืจื•ืช ื•ืžืขื•ื“ื ื•ืช ืœ-React ื”ืกื˜ื ื“ืจื˜ื™.
Vanilla JS/TS ื•-HTML/CSS: ืกื‘ื™ื‘ื•ืช ืคืฉื•ื˜ื•ืช ื•ื ืงื™ื•ืช ืœืกืงืจื™ืคื˜ื™ื ืกื˜ื ื“ืจื˜ื™ื™ื, ืขื™ืฆื•ื‘ ืคืจื™ืกื” ืจืกืคื•ื ืกื™ื‘ื™ ื•ืœื•ื’ื™ืงืช ืœื™ื‘ื”.
๐Ÿ’ป ื ื™ื”ื•ืœ ื—ื‘ื™ืœื•ืช ื•ื˜ืจืžื™ื ืœ ืื™ื ื˜ืจืืงื˜ื™ื‘ื™
ื ื”ืœ ืกืคืจื™ื•ืช ื—ื™ืฆื•ื ื™ื•ืช ืชื•ืš ื›ื“ื™ ืชื ื•ืขื” ื‘ืขื–ืจืช ื˜ืจืžื™ื ืœ ืื™ื ื˜ืจืืงื˜ื™ื‘ื™ ืžื“ื•ืžื”:
ืชืžื™ื›ื” ื‘ืชืœื•ืช npm: ื”ืคืขืœ ืคืงื•ื“ื•ืช ื›ืžื• npm i ืื• npm uninstall ื›ื“ื™ ืœื”ื•ืกื™ืฃ ื•ืœื”ืกื™ืจ ืกืคืจื™ื•ืช ื™ืฉื™ืจื•ืช ื‘ืชื•ืš package.json ืฉืœืš.
ื‘ื™ืฆื•ืข ื‘ื™ื ืืจื™ npx: ื”ืคืขืœ ืงื‘ืฆื™ื ื‘ื™ื ืืจื™ื™ื ืฉืœ CLI ื›ืžื• shadcn ืื• Chakra UI CLI ื™ืฉื™ืจื•ืช ื‘ื˜ืจืžื™ื ืœ ื›ื“ื™ ืœื™ืฆื•ืจ ื‘ืื•ืคืŸ ืื•ื˜ื•ืžื˜ื™ ืงื˜ืขื™ ืงื•ื“ ืฉืœ ืžืžืฉืง ืžืฉืชืžืฉ ื‘ืžื‘ื ื” ื”ืงื‘ืฆื™ื ื”ืžืงื•ืžื™ ืฉืœืš.
ื›ืœื™ ืฉื™ืจื•ืช ืžืงื•ืžื™ื™ื ืฉืœ ืžืขื˜ืคืช: ื”ืฉืชืžืฉ ื‘ืคืงื•ื“ื•ืช ื›ืžื• ls, cat, clear ื•ืขื•ื“ ื›ื“ื™ ืœื ื•ื•ื˜ ื‘ืžืขืจื›ืช ื”ืงื‘ืฆื™ื ื”ื•ื•ื™ืจื˜ื•ืืœื™ืช ืฉืœืš.

๐ŸŒ ื”ืชื—ื‘ืจ ื•ืฉืชืฃ ืคืขื•ืœื”: ืคื™ื“ ื’ื™ืœื•ื™ ืงื”ื™ืœืชื™
ื”ืฆื˜ืจืฃ ืœืžื’ืจืฉ ืžืฉื—ืงื™ื ืขื•ืœืžื™ ืฉืœ ื™ื•ืฆืจื™ื:
ืคืจืกื ืืช ื”ืงื•ื“ ืฉืœืš: ืฉืชืฃ ืืช ื”ืขื™ืฆื•ื‘ื™ื, ื”ืชื‘ื ื™ื•ืช ื•ื”ืกืงืจื™ืคื˜ื™ื ื”ืื™ื ื˜ืจืืงื˜ื™ื‘ื™ื™ื ืฉืœืš ื™ืฉื™ืจื•ืช ืœืคื™ื“ ื”ืงื”ื™ืœื”.
ืขื™ื•ืŸ ื•ืฉื›ืคืœ: ืฆืคื” ื‘ืคืจื•ื™ืงื˜ื™ื ืฆื™ื‘ื•ืจื™ื™ื ืฉืคื•ืจืกืžื• ืขืœ ื™ื“ื™ ืžืคืชื—ื™ื ืื—ืจื™ื ื•ืฉื›ืคืœ ืื•ืชื ืœืกื‘ื™ื‘ืช ื”ืขื‘ื•ื“ื” ื”ืžืงื•ืžื™ืช ืฉืœืš ื‘ืœื—ื™ืฆื” ืื—ืช ื›ื“ื™ ืœืœืžื•ื“ ืื• ืœืฉื ื•ืช.
ืœื™ื™ืง ื•ื”ืขืจื”: ืฆื•ืจ ืงืฉืจ ืขื ืžืชื›ื ืชื™ื ืื—ืจื™ื ืขืœ ื™ื“ื™ ื”ืฉืืจืช ืžืฉื•ื‘ ื•ืœื™ื™ืง ืœืขื™ืฆื•ื‘ื™ื ื”ืื”ื•ื‘ื™ื ืขืœื™ืš.
๐Ÿ› ๏ธ ืชื›ื•ื ื•ืช ืขื•ืจืš ืœืžืคืชื—ื™ื
ื”-IDE ื ื•ืขื“ ืœื”ืคื•ืš ืืช ื”ื”ืงืœื“ื” ื•ื”ื ื™ืคื•ื™ ื‘ืžื•ื‘ื™ื™ืœ ืœื˜ื‘ืขื™ื™ื ื›ื›ืœ ื”ืืคืฉืจ:
ืขืจื›ื•ืช ื ื•ืฉื ืชื—ื‘ื™ืจ ืžื•ืชืืžื•ืช ืื™ืฉื™ืช: ื”ืชืื™ืžื• ืื™ืฉื™ืช ืืช ื”ืกื‘ื™ื‘ื” ืฉืœื›ื ืขื ืขืจื›ื•ืช ื ื•ืฉื ืขื•ืจืš ืคืจื™ืžื™ื•ื, ื›ื•ืœืœ ื“ืจืงื•ืœื”, ืงื•ื‘ืœื˜ 2, ืื—ื“ ืืคืœ, ื™ื ืฉื•ืฃ ืœื™ืœื”, ืกื™ื™ื‘ืจืคืื ืง ื•ืืžื˜ื™ืกื˜.
ืกืžืœื™ ืงื‘ืฆื™ื ืฉืœ ื—ื•ืžืจ ืื˜ื•ื: ืืจื’ื ื• ืืช ืกื‘ื™ื‘ืช ื”ืขื‘ื•ื“ื” ืฉืœื›ื ืขื ืกืžืœื™ ืงื‘ืฆื™ื ืžื–ื•ื”ื™ื ื•ืื™ื›ื•ืชื™ื™ื ืขื‘ื•ืจ ื”ืงื‘ืฆื™ื ื”ืžืงื•ืžื™ื™ื ืฉืœื›ื.
ืžืงืœื“ืช ืžืคืชื—ื™ื ืžื•ืชืืžืช ืื™ืฉื™ืช: ื”ื•ืกื™ืคื• ื‘ืžื”ื™ืจื•ืช ืกื•ื’ืจื™ื™ื ืžืจื•ื‘ืขื™ื ื•ืื•ืคืจื˜ื•ืจื™ื ({}, [], <>, /, ;, ื˜ืื‘) ื‘ืืžืฆืขื•ืช ืกืจื’ืœ ืงื™ืฆื•ืจื™ ื“ืจืš ื™ื™ืขื•ื“ื™ ื•ื“ืœืช ืคืจื•ืคื™ืœ.
ืงื•ื ืกื•ืœืช ืื‘ื—ื•ืŸ ืžืชืงื“ืžืช: ื‘ื“ืงื• ืขืจื›ื™ื ืขื ืงื•ื ืกื•ืœืช ืžืคืชื—ื™ื ืžื•ืชืืžืช ืื™ืฉื™ืช ื”ื›ื•ืœืœืช ื‘ื•ื“ืงื™ ืขืฅ ืื•ื‘ื™ื™ืงื˜ื™ื ื”ื™ืจืจื›ื™ื™ื ืžืชืงืคืœื™ื ื•ืจื™ื ื“ื•ืจ console.table() ื‘ืชื—ื•ืฉื” ืžืงื•ืจื™ืช.
ื‘ืงืจื•ืช ื’ื•ืคืŸ ื•ื’ืœื™ืฉื” ื—ื›ืžื•ืช ืฉืœ ืงื•ื“: ื”ืชืื™ืžื• ืืช ื’ื•ื“ืœ ื”ื’ื•ืคืŸ ื•ืขื˜ื™ืคืช ื”ืงื•ื“ ืชื•ืš ื›ื“ื™ ืชื ื•ืขื” ืœืงืจื™ืื•ืช ืื•ืคื˜ื™ืžืœื™ืช ื‘ืžืกื›ื™ื ื‘ื›ืœ ื”ื’ื“ืœื™ื. ๐Ÿ’พ ืกื ื›ืจื•ืŸ ื‘ืขื ืŸ ื•ืขื™ืฆื•ื‘ ื‘ืžืฆื‘ ืœื ืžืงื•ื•ืŸ
ืขื‘ื•ื“ื” ืœืœื ื”ืคืจืขื•ืช ืœืœื ืงืฉืจ ืœืžืฆื‘ ื”ืจืฉืช ืฉืœืš:
ืื—ืกื•ืŸ ืžืกื“ ื ืชื•ื ื™ื ืžืงื•ืžื™: ืงื‘ืฆื™ ืกื‘ื™ื‘ืช ื”ืขื‘ื•ื“ื” ื•ืื•ืกืคื™ ื”ืชื™ืงื™ื•ืช ืฉืœืš ื ืฉืžืจื™ื ื‘ืžืกื“ ื ืชื•ื ื™ื ืžืงื•ืžื™ ื‘ืžื›ืฉื™ืจ ืฉืœืš, ืžื” ืฉืžืืคืฉืจ ืœืš ืœืงื•ื“ื“ ื•ืœืงืžืคืœ ืœื—ืœื•ื˜ื™ืŸ ื‘ืžืฆื‘ ืœื ืžืงื•ื•ืŸ.
ื’ื™ื‘ื•ื™ ืžืื•ื‘ื˜ื— ื‘ืขื ืŸ: ืฆื•ืจ ื—ืฉื‘ื•ืŸ ืœืกื ื›ืจื•ืŸ ื ืชื•ื ื™ ื”ืคืจื•ื™ืงื˜ ืฉืœืš ื‘ื™ืŸ ืžื›ืฉื™ืจื™ื. ื”ืงื•ื“ ืฉืœืš ื ืฉืžืจ ื‘ื›ืœ ืคืขื ืฉืืชื” ืžืฉื ื” ืžื›ืฉื™ืจื™ื ืื• ื˜ื•ืขืŸ ืžื—ื“ืฉ.
ืื•ืกืคื™ ืชื™ืงื™ื•ืช: ืงื‘ืฅ ืืช ืงื˜ืขื™ ื”ืงื•ื“, ื”ืขื™ืฆื•ื‘ื™ื ื•ื”ืชื‘ื ื™ื•ืช ืฉืœืš ืœืชื™ืงื™ื•ืช ื ืงื™ื•ืช ื›ื“ื™ ืœืฉืžื•ืจ ืขืœ ืœื•ื— ื”ืžื—ื•ื•ื ื™ื ืฉืœืš ืžืื•ืจื’ืŸ.
๐ŸŽฏ ืžื•ืฉืœื ืขื‘ื•ืจ:
ืœืžื™ื“ืช HTML, CSS, JavaScript, TypeScript ื•ืžืกื’ืจื•ืช ืžื•ื“ืจื ื™ื•ืช ืชื•ืš ื›ื“ื™ ืชื ื•ืขื”.
ื™ืฆื™ืจืช ืื‘ื•ืช ื˜ื™ืคื•ืก ืฉืœ ืคืจื™ืกื•ืช ืจืกืคื•ื ืกื™ื‘ื™ื•ืช, ืื ื™ืžืฆื™ื•ืช ื•ืืœืžื ื˜ื™ื ืฉืœ ืžืžืฉืง ืžืฉืชืžืฉ.
ื‘ื“ื™ืงืช ืืœื’ื•ืจื™ืชืžื™ื ืžื•ืจื›ื‘ื™ื, ืฉื™ืœื•ื‘ื™ API ื•ืœื•ื’ื™ืงืช ืงื•ื“.
ื ื™ืกื•ื— ืชื‘ื ื™ื•ืช ืขื™ืฆื•ื‘ ืืชืจื™ื ื•ืชื—ื–ื•ืงืช ืกืคืจื™ื•ืช ืงื˜ืขื™ ืงื•ื“ ืœืฉื™ืžื•ืฉ ื—ื•ื–ืจ.
๐ŸŒŸ ืคืชื— ื’ื™ืฉืช Pro
ืชืžื™ื›ื” ื‘ืคื™ืชื•ื— WebCodeBox ื›ื“ื™ ืœื™ื”ื ื•ืช ืžืกื‘ื™ื‘ื” ื ื˜ื•ืœืช ื”ืกื—ื•ืช ื“ืขืช:
ื”ืกืจืช ื”ืคืกืงื•ืช ืคืจืกื•ืžื•ืช.
ืคืชื— ื’ื™ืฉื” ืœื›ืœ ืขืจื›ื•ืช ื”ืชื—ื‘ื™ืจ ืฉืœ ืขื•ืจืš ืคืจื™ืžื™ื•ื.
ืืคืฉืจ ืœืžืกื•ืฃ ื”ืžื“ื•ืžื” ืœื”ืชืงื™ืŸ ื—ื‘ื™ืœื•ืช npm ืžื•ืชืืžื•ืช ืื™ืฉื™ืช.
ืงื•ื“ื“, ื”ืคืขืœื” ื•ื—ืงื•ืจ ืืช ื”ืื™ื ื˜ืจื ื˜ ืชื•ืš ื›ื“ื™ ืชื ื•ืขื”. ื”ื•ืจื™ื“ื• ืืช WebCodeBox ืขื•ื“ ื”ื™ื•ื ื•ืกื—ื‘ื• ืืช ืกื‘ื™ื‘ืช ื”ืคื™ืชื•ื— ืฉืœื›ื ื‘ื›ื™ืก.
ืขื“ื›ื•ืŸ ืื—ืจื•ืŸ ื‘ืชืืจื™ืš
24 ื‘ืžืื™ 2026

ืื‘ื˜ื—ืช ื ืชื•ื ื™ื

ื›ื“ื™ ืœืฉืžื•ืจ ืขืœ ื”ื‘ื˜ื™ื—ื•ืช ืฆืจื™ืš ืงื•ื“ื ื›ืœ ืœื”ื‘ื™ืŸ ืื™ืš ื”ืžืคืชื—ื™ื ืื•ืกืคื™ื ื•ืžืฉืชืคื™ื ืืช ื”ื ืชื•ื ื™ื ืฉืœืš. ื ื•ื”ืœื™ ืคืจื˜ื™ื•ืช ื”ื ืชื•ื ื™ื ื•ืื‘ื˜ื—ืช ื”ื ืชื•ื ื™ื ืขืฉื•ื™ื™ื ืœื”ืฉืชื ื•ืช ื‘ื”ืชืื ืœืฉื™ืžื•ืฉ, ืœืื–ื•ืจ ื•ืœื’ื™ืœ ื”ืžืฉืชืžืฉ. ื”ืžืคืชื— ืกื™ืคืง ืืช ื”ืžื™ื“ืข ื”ื–ื” ื•ื”ื•ื ืขืฉื•ื™ ืœืขื“ื›ืŸ ืื•ืชื• ืžื“ื™ ืคืขื.
ื”ืืคืœื™ืงืฆื™ื” ื”ื–ืืช ืขืฉื•ื™ื” ืœืฉืชืฃ ืืช ืกื•ื’ื™ ื”ื ืชื•ื ื™ื ื”ืืœื” ืขื ืฆื“ื“ื™ื ืฉืœื™ืฉื™ื™ื
ืžื–ื”ื” ื”ืžื›ืฉื™ืจ ืื• ืžื–ื”ื™ื ืื—ืจื™ื
ื”ืืคืœื™ืงืฆื™ื” ื”ื–ืืช ืขืฉื•ื™ื” ืœืืกื•ืฃ ืืช ืกื•ื’ื™ ื”ื ืชื•ื ื™ื ื”ืืœื”
ืคืจื˜ื™ื ืื™ืฉื™ื™ื, ืžื™ื“ืข ืคื™ื ื ืกื™ ื•-3 ื ื•ืกืคื™ื
ื”ื ืชื•ื ื™ื ืžื•ืฆืคื ื™ื ื‘ื–ืžืŸ ื”ื”ืขื‘ืจื”
ื‘ืืคืฉืจื•ืชืš ืœื‘ืงืฉ ืฉื ืชื•ื ื™ื ื™ื™ืžื—ืงื•

ืžื” ื—ื“ืฉ?

- Bug Fixes and Optimizations
- Angular support added
- Console Input added
- Live Preview for Explore added
ืกื™ื•ื•ื’ ืชื•ื›ืŸ
ื›ื•ืœื
ืจื›ื™ืฉื•ืช ื‘ืชื•ืš ื”ืืคืœื™ืงืฆื™ื”
ืœืžื™ื“ืข ื ื•ืกืฃ

ืชืžื™ื›ื” ื‘ืืคืœื™ืงืฆื™ื”

ืžื™ื“ืข ืขืœ ืžืคืชื—ื™ ื”ืืคืœื™ืงืฆื™ื”
Vedant Ganesh Zade
zedlabs@zohomail.in
FLAT NO. 101,1ST FLOOR PITRU CHHAYA WARJE Pune, Maharashtra 411058 India

โ€ซืขื•ื“ ืžื‘ื™ืช Zedlabsโ€Žโ€

ืืคืœื™ืงืฆื™ื•ืช ื“ื•ืžื•ืช