क्या GrapesJS React के साथ काम कर सकता है?

हाँ। आधिकारिक @grapesjs/react पैकेज संपादक को React घटक में लपेटता है, इसलिए आप इसे किसी भी अन्य घटक की तरह माउंट करते हैं। इसका रखरखाव GrapesJS टीम द्वारा किया जाता है।

क्या मैं GrapesJS के साथ Next.js का उपयोग कर सकता हूँ?

हाँ। सर्वर-साइड रेंडरिंग अक्षम के साथ संपादक को गतिशील रूप से आयात करें ताकि यह केवल ब्राउज़र में आरंभ हो। रूटिंग, डेटा फ़ेचिंग और आपके बाकी ऐप अप्रभावित हैं।

क्या GrapesJS वाणिज्यिक SaaS के लिए निःशुल्क है?

हाँ। कोर BSD-3-Clause लाइसेंस प्राप्त है और React आवरण MIT है। दोनों अनुमेय लाइसेंस हैं जो व्यावसायिक उपयोग की अनुमति देते हैं, जिसमें भुगतान किए गए उत्पाद के अंदर भी शामिल है। कॉपीराइट नोटिस रखें और आपका काम हो गया।

क्या मैं GrapesJS की स्व-मेजबानी कर सकता हूँ?

सेल्फ-होस्टिंग ही एकमात्र तरीका है जिससे यह चलता है। GrapesJS एक लाइब्रेरी है जिसे आप अपने स्वयं के एप्लिकेशन में बंडल करते हैं - कोई होस्ट की गई सेवा नहीं है और बनाने के लिए कोई खाता नहीं है।

क्या मैं अपने स्वयं के React घटकों का उपयोग कर सकता हूँ?

हाँ। उन्हें GrapesJS घटक प्रकारों के रूप में पंजीकृत करें ताकि वे अपने स्वयं के लक्षणों और शैली नियमों के साथ कैनवास पर प्रथम श्रेणी की वस्तुओं के रूप में व्यवहार करें। एक प्रीसेट जैसे कि Reactor विशेष रूप से इसके लिए मौजूद है।

क्या मैं GrapesJS परियोजनाओं को अपने डेटाबेस में सहेज सकता हूँ?

हाँ। स्टोरेज मैनेजर को अपने स्वयं के दो एंडपॉइंट्स पर इंगित करें - एक प्रोजेक्ट JSON लोड करने के लिए, एक इसे सहेजने के लिए। आप तेजी से प्रकाशन के लिए प्रदान किए गए HTML और CSS को भी स्टोर कर सकते हैं।

मैं प्लगइन्स को GrapesJS में कैसे जोड़ूं?

प्लगइन्स ऐसे फ़ंक्शन हैं जिन्हें आप संपादक को पास करते हैं जब आप इसे इनिशियलाइज़ करते हैं। अधिकांश npm से स्थापित होते हैं, प्लगइन्स सूची में जोड़े जाते हैं, और एक विकल्प ऑब्जेक्ट के साथ कॉन्फ़िगर किए जाते हैं।

मुझे GrapesJS प्लगइन्स कहां मिल सकते हैं?

GJS.Market पर। प्रत्येक लिस्टिंग कीमत, GrapesJS संस्करण संगतता, इसे एकीकृत करने वाले डेवलपर्स की समीक्षा और इंस्टॉलेशन निर्देश दिखाती है।

SaaS पेज बिल्डर के लिए मुझे किन प्लगइन्स की आवश्यकता होगी?

व्यवहार में: एक ब्लॉक लाइब्रेरी, एक स्टोरेज या autosave प्लगइन, एक पेज मैनेजर और एक रिच टेक्स्ट एडिटर। चार प्लगइन्स ग्राहकों की अपेक्षा में से अधिकांश को कवर करते हैं।

क्या मैं GrapesJS के साथ एक ईमेल संपादक बना सकता हूँ?

हाँ। न्यूज़लेटर और MJML प्रीसेट कैनवास को ईमेल-सुरक्षित घटकों तक सीमित रखते हैं और उत्तरदायी आउटपुट उत्पन्न करते हैं जो वास्तविक ईमेल क्लाइंट से बचता है।

क्या मैं एक बहु-पृष्ठ वेबसाइट बिल्डर बना सकता हूँ?

हाँ। GrapesJS में एक पेज API है, और पेज-मैनेजर प्लगइन्स पेज बनाने, नाम बदलने, डुप्लिकेट करने और निर्यात करने के लिए UI जोड़ते हैं।

क्या मुझे स्क्रैच से संपादक सुविधाएँ बनाने की आवश्यकता है?

शायद ही कभी। कोर से शुरू करें, सामान्य उप-प्रणालियों के लिए प्लगइन्स स्थापित करें, और केवल वही लिखें जो आपके उत्पाद के लिए विशिष्ट है।

क्या GrapesJS उत्पादन के लिए उपयुक्त है?

यह 2016 से सक्रिय विकास में है और इसका उपयोग वाणिज्यिक दृश्य संपादकों और वेबसाइट बिल्डरों के लिए नींव के रूप में किया जाता है। आप संस्करण और परिनियोजन को नियंत्रित करते हैं, इसलिए अपग्रेड आपके शेड्यूल पर होता है।

GrapesJS + React

उत्पादन-तैयार बनाएं React पेज बिल्डर GrapesJS के साथ

ओपन-सोर्स GrapesJS संपादक से शुरू करें और जब आपको उनकी आवश्यकता हो तो GJS.Market से उत्पादन-तैयार प्लगइन्स, ब्लॉक और एकीकरण जोड़ें।

GrapesJS के साथ बनाएं ब्राउज़ करें React प्लगइन्स

खुला स्रोत: BSD-3-Clause कोर, MIT React आवरण26k+ GitHub सितारे100+ मार्केटप्लेस प्लगइन्सस्व-होस्टेड - आपका डेटा, आपका आउटपुटReact और Next.js संगत

लाइव डेमो

देखें कि आप क्या बना सकते हैं

तीन वास्तविक GrapesJS संपादक: मुफ़्त ओपन-सोर्स बेसलाइन और GJS.Market पर बेचे जाने वाले दो प्रोडक्शन एडिटर। एक टैब चुनें, उसे लोड करें और कैनवास पर कुछ खींचें।

पूर्ण स्क्रीन में खोलें

GrapesJS प्रीसेट React, आधिकारिक React रैपर और shadcn/ui के साथ बनाया गया है, इसलिए एडिटर क्रोम पहले से ही एक आधुनिक React ऐप जैसा दिखता है। अन्यथा आप खुद को डिजाइन करने में महीनों लगा देंगे।

grapesjsshadcn.netlify.appPremium

एक एम्बेडेड फ्रेम में grapesjsshadcn.netlify.app लोड करता है। जब तक आप क्लिक नहीं करते तब तक कुछ भी तृतीय-पक्ष नहीं चलता है।

आप जो देखते हैं वह पसंद है?

shadcn/ui संपादक पर GJS.Market प्राप्त करें

फ़ुल-स्क्रीन डेमो प्लगइन देखें

स्क्रैच से संपादक के बुनियादी ढांचे के पुनर्निर्माण के बजाय अपना खुद का संपादक बनाएं।

वास्तविक लागत

संपादक के बुनियादी ढांचे के निर्माण में 6 महीने खर्च न करें

एक विज़ुअल एडिटर एक विशेषता नहीं है। यह चौदह उप-प्रणालियाँ हैं जिन्हें सभी को एक-दूसरे से सहमत होना पड़ता है, और उनमें से हर एक किनारे के मामलों को छुपाता है जिन्हें आप केवल तभी खोजते हैं जब वास्तविक उपयोगकर्ता इसके अंदर होते हैं।

आप खरोंच से क्या बनाएंगे

खींचें और छोड़ें
अवयव
ब्लॉक
स्टाइल मैनेजर
उत्तरदायी संपादन
परिसंपत्ति प्रबंधक
पूर्ववत करें और फिर से करें
भंडार
HTML और CSS निर्यात
रिच टेक्स्ट एडिटिंग
पेज
डिवाइस मैनेजर
Plugin वास्तुकला
संपादक यूआई

खरोंच से

3-6+ महीने

एक बड़ी इंजीनियरिंग टीम, समर्पित
हमेशा के लिए निरंतर रखरखाव
एज केस जो आपको उत्पादन में मिलते हैं
आपका वास्तविक रोडमैप रुका हुआ है

GrapesJS + GJS.Market

मिनटों में शुरू करें

ओपन-सोर्स एडिटर कोर
बाकी के लिए तैयार प्लगइन्स
स्व-होस्टेड, लूप में कोई विक्रेता नहीं
केवल वही बढ़ाएं जो आपके उत्पाद की आवश्यकता है

संपादक का पुनर्निर्माण न करें। अपना उत्पाद बनाएं।

क्यों GrapesJS

GrapesJS के साथ निर्माण क्यों करें?

यह एकमात्र संपादक ढांचा नहीं है, बल्कि यह वह है जो आपके हाथों में सबसे अधिक नियंत्रण छोड़ता है।

खुला स्रोत

कोर BSD-3-Clause लाइसेंस प्राप्त है और आधिकारिक React आवरण MIT है। दोनों व्यावसायिक उपयोग की अनुमति देते हैं, और आप इसके हर हिस्से को स्वयं होस्ट करते हैं।

फ्रेमवर्क फ्रेंडली

React, Next.js, Vue, Angular और सादा जावास्क्रिप्ट। संपादक एक कंटेनर में माउंट होता है, इसलिए यह इसके चारों ओर ढेर को निर्देशित नहीं करता है।

उत्पादन के लिए तैयार

GrapesJS 2016 से सक्रिय विकास में है और इसका उपयोग दृश्य संपादकों और वेबसाइट बिल्डरों के लिए नींव के रूप में किया जाता है जो वास्तविक उपयोगकर्ताओं को भेजते हैं।

एक्स्टेंसिबल

Components, ब्लॉक, पैनल, कमांड और स्टोरेज सभी प्लग करने योग्य हैं। अपना खुद का बनाएं, या जो पहले से मौजूद है उसे स्थापित करें।

कोई विक्रेता लॉक-इन नहीं

संपादक आपके सर्वर पर चलता है और आपके डेटाबेस में सादे HTML और CSS आउटपुट करता है। कुछ भी घर पर फोन नहीं करता है, और अगर कोई विक्रेता अपनी योजना बदलता है तो कुछ भी काम करना बंद नहीं करता है।

विशाल पारिस्थितिकी तंत्र

100+ प्लगइन्स, प्रीसेट और GJS.Market पर पुस्तकालयों को ब्लॉक करें, संगतता नोट्स, समीक्षा के साथ और प्रत्येक लिस्टिंग पर निर्देश स्थापित करें।

अन्वेषण करें GrapesJS

इसकी कीमत कैसे है

मुफ्त शुरू करें। केवल उसी के लिए भुगतान करें जिसकी आपको आवश्यकता है।

विज़ुअल एडिटर प्राप्त करने के लिए आपको एक पूरा प्लेटफ़ॉर्म खरीदने की ज़रूरत नहीं है। इंजन हमेशा के लिए मुफ़्त है; आप केवल उन टुकड़ों के लिए भुगतान करते हैं जो अन्यथा आपको इंजीनियरिंग महीनों तक खर्च करते।

निःशुल्क

GrapesJS

संपादक कोर, BSD-3-Clause लाइसेंस के तहत। कैनवास, घटक मॉडल, स्टाइल इंजन, पूर्ववत स्टैक।

प्रति प्लगइन भुगतान करें

GJS.Market

प्रीमियम प्लगइन्स, ब्लॉक लाइब्रेरी, एकीकरण और उन्नत कार्यक्षमता - एक समय में एक खरीदा गया, न कि किसी प्लेटफ़ॉर्म की सदस्यता के रूप में।

तुम्हारा

आपका उत्पाद

एक SaaS पेज बिल्डर, वेबसाइट बिल्डर, लैंडिंग पेज बिल्डर, ईमेल बिल्डर, CMS संपादक या एक आंतरिक टूल। स्व-होस्टेड और आपके नियंत्रण में।

ब्राउज़ करें GJS.Market प्लगइन्स

बक्सों का इस्तेमाल करें

आप क्या बना रहे हैं?

संपादक कोर हर मामले में समान है। इसके ऊपर प्लगइन स्टैक क्या बदलता है।

SaaS पेज बिल्डर

अपने ग्राहकों को अपने SaaS के अंदर पृष्ठ बनाने और संपादित करने दें।

एक SaaS Builder बनाएं

वेबसाइट Builder

उपयोगकर्ताओं को संपूर्ण विज़ुअल वेबसाइट निर्माण अनुभव प्रदान करें।

एक वेबसाइट बनाएं Builder

लैंडिंग Page Builder

विपणक को डेवलपर के बिना लैंडिंग पृष्ठ बनाने दें।

लैंडिंग बनाएं Page Builder

ईमेल बिल्डर

उत्तरदायी, क्लाइंट-सुरक्षित आउटपुट के साथ विज़ुअल ईमेल टेम्पलेट बनाएं।

एक Email Builder बनाएं

CMS/सामग्री Editor

अपने मौजूदा CMS में दृश्य सामग्री संपादन जोड़ें।

एक CMS Editor बनाएं

आंतरिक Tool

अपनी टीम के लिए कस्टम विज़ुअल एडिटर बनाएं।

एक आंतरिक Editor बनाएं

जल्दी शुरू

मिनटों में आपका पहला React संपादक

कोड की कुछ पंक्तियों के साथ एक कार्यशील GrapesJS React संपादक प्राप्त करें।

पदासीन करना

npm install grapesjs @grapesjs/react

Builder.tsxTSX

import GjsEditor from '@grapesjs/react';
import 'grapesjs/dist/css/grapes.min.css';

export default function Builder() {
  return (
    <GjsEditor
      options={{
        height: '100vh',
        storageManager: false,
      }}
    />
  );
}

यह केवल शुरुआती बिंदु है।

इसके बाद सब कुछ योगात्मक है। आप संपादक का विस्तार करते हैं - आप इसके मूल को कभी भी फिर से नहीं लिखते हैं।

भंडारण जोड़ें।
ब्लॉक जोड़ें।
बहु-पृष्ठ संपादन जोड़ें।
Tailwind घटक जोड़ें।
एआई सुविधाएँ जोड़ें।
निर्यात उपकरण जोड़ें।
एकीकरण जोड़ें।

संपादक कोर के पुनर्निर्माण के बिना सभी।

प्लगइन्स ब्राउज़ करें

स्‍थापत्‍यशैली

बिल्ड योर React एडिटर स्टैक

1
परत 1
GrapesJS
संपादक इंजन: घटक मॉडल, कैनवास, पूर्ववत स्टैक, स्टाइल इंजन, कमांड।
GrapesJS ट्यूटोरियल
2
परत 2
@grapesjs/react
आधिकारिक React आवरण। एक घटक संपादक को माउंट करता है; आपका बाकी ऐप साधारण React रहता है।
React UI for GrapesJS React पेज बिल्डर
3
परत 3
UI/डिज़ाइन सिस्टम
Editor क्रोम जो डेमो की तरह दिखने के बजाय आपके उत्पाद से मेल खाता है।
GrapesJS Shadcn GrapesJS presets
4
परत 4
ब्लॉक
वे अनुभाग जिन्हें आपके उपयोगकर्ता वास्तव में कैनवास पर खींचते हैं.
Blocky for Tailwind CSS GrapesJS blocks
5
परत 5
भंडार
प्रोजेक्ट JSON को बनाए रखें और अपने स्वयं के API के लिए आउटपुट प्रदान करें, और एक क्रैश टैब से बचें।
Autosave & Restore GrapesJS storage plugins
6
परत 6
पेज
एक लंबे दस्तावेज़ के बजाय बहु-पृष्ठ परियोजनाएँ।
GrapesJS Project Manager GrapesJS web pages
7
परत 7
निर्यातित माल
HTML और CSS को संपादक से बाहर और अपनी प्रकाशन पाइपलाइन में साफ करें।
GrapesJS प्लगइन्स
8
परत 8
आपका API और डेटाबेस
एक परत जो आपको कोई नहीं बेच सकता। यह आपके इंजीनियरिंग समय के लायक हिस्सा है।

ब्राउज़ करें GJS.Market प्लगइन्स

प्लगइन पारिस्थितिकी तंत्र

प्लगइन्स के साथ अपना संपादक बनाएं

आठ प्लगइन्स React टीमें पहले तक पहुंचती हैं। प्रत्येक कार्ड वास्तविक लिस्टिंग से लिंक होता है, जहां कीमत, संगतता, समीक्षा और इंस्टॉल निर्देश रहते हैं।

React

React UI for GrapesJS

React टीम से आधिकारिक GrapesJS रैपर। कोर मॉड्यूल के चारों ओर घोषणात्मक रैपर ताकि आप अपने स्वयं के UI घटकों से संपादक React का निर्माण कर सकें।

निःशुल्कप्लगइन देखें

React

Reactor Preset for GrapesJS

अपने स्वयं के React घटक सिस्टम को कैनवास में लाएं, इसलिए आपके उपयोगकर्ता जो चीजें खींचते हैं, वे वे घटक हैं जिन्हें आप पहले से ही शिप करते हैं।

निःशुल्कप्लगइन देखें

पूर्व निर्धारित

GrapesJS Shadcn

React और shadcn/ui के साथ बनाया गया एक पूर्ण संपादक शेल। आमतौर पर संपादक क्रोम को डिजाइन करने और बनाने में बिताए गए महीनों को छोड़ देता है।

US$999,99प्लगइन देखें

ब्लॉक

Plugin Blocky for Tailwind CSS

पूर्व-निर्मित उत्तरदायी Tailwind CSS ब्लॉकों की एक बड़ी लाइब्रेरी, कैनवास पर खींचने के लिए तैयार है।

US$59,00प्लगइन देखें

भंडार

Autosave & Restore — Crash Recovery for GrapesJS

संपादक के लिए स्वतः सहेजें और पुनर्स्थापित करें, इसलिए एक बंद टैब या मृत बैटरी आपके उपयोगकर्ता को एक घंटे का काम खर्च नहीं करती है।

US$12,00प्लगइन देखें

पेज

Grapesjs Project Manager

परियोजना, टेम्पलेट और पृष्ठ प्रबंधन में निर्मित भंडारण प्रबंधकों के साथ - एकल-दस्तावेज़ संपादन से वास्तविक परियोजनाओं तक का सबसे तेज़ मार्ग।

निःशुल्कप्लगइन देखें

समृद्ध पाठ

TinyMCE 8 Inline Text Editor

अंतर्निहित समृद्ध टेक्स्ट एडिटर को TinyMCE से बदल देता है, इनलाइन संपादन जोड़ता है और ब्लॉक और इनलाइन तत्वों के लिए अलग-अलग टूलबार जोड़ता है।

US$69,00प्लगइन देखें

एआई

Autofill — Dummy Content Filler for GrapesJS

एक कमांड में प्लेसहोल्डर सामग्री के साथ एक लेआउट भरता है, इसलिए एक रिक्त कैनवास कभी भी डेमो या डिज़ाइन समीक्षा को ब्लॉक नहीं करता है।

US$9,00प्लगइन देखें

सभी React-संगत प्लगइन्स ब्राउज़ करें

तैयार ढेर

एक पूर्ण स्टैक की आवश्यकता है?

तीन संयोजन जो अधिकांश उत्पादों को कवर करते हैं। हर एक संपादक कोर है और मुट्ठी भर प्लगइन्स है जो इसे एक विशिष्ट टूल में बदल देता है।

SaaS पेज बिल्डर स्टैक

किसी ऐसे संपादक को एम्बेड करने के लिए, जिसका उपयोग आपके ग्राहक आपके ऐप्लिकेशन के अंदर करते हैं

बिल्ड ए SaaS पेज बिल्डर

ईमेल बिल्डर स्टैक

उत्तरदायी, ग्राहक-सुरक्षित HTML ईमेल के लिए

एक ईमेल बिल्डर बनाएं

वेबसाइट बिल्डर स्टैक

SEO और संपत्ति के साथ पूर्ण बहु-पृष्ठ साइटों के लिए

एक वेबसाइट बिल्डर बनाएं

कीमतें बाज़ार से लाइव पढ़ी जाती हैं।

इसकी कीमत क्या होती है

React पेज बिल्डर बनाने में कितना खर्च आता है?

ईमानदार इकाई इंजीनियरिंग का समय है, लाइसेंस शुल्क नहीं। नीचे बताया गया है कि प्रत्येक सबसिस्टम को स्थापित करने के लिए आपको क्या खर्च होता है। ये स्कोपिंग के लिए योजना अनुमान हैं, उद्धरण नहीं।

सबसिस्टम	GrapesJS के साथ	खरोंच से निर्मित	यह क्यों मायने रखता है
Editor वास्तुकला	कोर में शामिल	किसी भी UI से पहले डिजाइन के सप्ताह	घटक मॉडल सब कुछ डाउनस्ट्रीम तय करता है। इसे गलत करना पूर्ववत करना महंगा है।
खींचें और छोड़ें	कोर में शामिल	सप्ताह, फिर महीनों के किनारे के मामले	नेस्टिंग नियम, ड्रॉप टारगेट और टच इनपुट वे जगह हैं जहां घर का बना संपादक पहले तोड़ते हैं।
स्टाइल मैनेजर	कोर में शामिल	प्रति संपत्ति समूह सप्ताह	उपयोगकर्ता प्रत्येक CSS संपत्ति की अपेक्षा करते हैं जिसे वे जानते हैं, प्रति ब्रेकपॉइंट।
उत्तरदायी नियंत्रण	कोर, प्लगइन द्वारा विस्तार योग्य	सप्ताह, साथ ही चल रहे सुधार	ब्रेकपॉइंट संपादन उस स्थिति को कई गुना बढ़ा देता है जिसे आपके संपादक को ट्रैक करना चाहिए।
Blocks और घटक	ब्लॉक लाइब्रेरी स्थापित करें	प्रति ब्लॉक दिन, हमेशा के लिए	Block पुस्तकालय कभी समाप्त नहीं होते हैं - आपके उत्पाद के साथ बैकलॉग बढ़ता है।
भंडारण और autosave	एक प्लगइन स्थापित करें, इसे अपने API पर इंगित करें	सप्ताह, साथ ही क्रैश-रिकवरी कार्य	खोया हुआ काम किसी संपादक पर विश्वास खोने का सबसे तेज़ तरीका है।
परिसंपत्ति प्रबंधक	कोर में शामिल	अपलोड और CDN काम के साथ सप्ताह	परियोजनाओं में अपलोड, पूर्वावलोकन और पुनः उपयोग अपने आप में एक उत्पाद है।
परीक्षण और रखरखाव	समुदाय के साथ साझा किया गया	स्थायी टीम लागत	होममेड एडिटर एक ऐसा उत्पाद है जिसे आप अपने अलावा भी बनाए रखते हैं।

GrapesJS के साथ निर्माण शुरू करें

स्कोपिंग के लिए इंजीनियरिंग-समय का अनुमान। आपकी संख्या आपकी टीम और आवश्यकताओं पर निर्भर करेगी।

अल्टरनेटिव्स

GrapesJS बनाम Puck बनाम Craft.js बनाम Builder.io

केवल तथ्य ही सूचीबद्ध हैं जिन्हें हम स्रोत कर सकते हैं। जहां सभी चार उपकरणों के लिए एक दावे को सत्यापित नहीं किया जा सकता था, पंक्ति को अनुमान लगाने के बजाय छोड़ दिया गया था।

योग्‍यता	GrapesJS	Puck	Craft.js	Builder.io
ओपन-सोर्स लाइसेंस	BSD-3-Clause	MIT	MIT	मालिकाना
फ्रेमवर्क समर्थन	कोई भी React, Next.js, Vue, Angular, वेनिला	React केवल	React केवल	React, Next.js, Vue
स्व-होस्टेड	हाँ	हाँ - आपके ऐप में एक लाइब्रेरी	हाँ - आपके ऐप में एक लाइब्रेरी	नहीं - होस्टेड सेवा
Plugin बाज़ार	GJS.Market, 100+ प्लगइन्स	कोई नहीं	कोई नहीं	अंतर्निहित एकीकरण
ईमेल बिल्डर	हाँ, प्रीसेट के माध्यम से	नहीं	नहीं	नहीं
मूल्य निर्धारण मॉडल	निःशुल्क, प्रति प्लगइन भुगतान करें	निःशुल्क	निःशुल्क	सशुल्क योजनाएं

सत्यापित 2026-08-26। लाइसेंस और फ्रेमवर्क तथ्य प्रत्येक परियोजना के अपने पैकेज मेटाडेटा और दस्तावेज़ीकरण से आते हैं। आमने-सामने का विवरण: GrapesJS बनाम Craft.js · Puck संपादक वैकल्पिक · GrapesJS बनाम Builder.io

छिपा हुआ काम

एक प्रतिक्रिया-केवल संपादक लाइब्रेरी आपको बनाने के लिए क्या छोड़ती है

Craft.js और Puck आपको एक React ड्रैग-एंड-ड्रॉप ट्री देते हैं। उस पेड़ के आसपास एक संपादक से एक व्यक्ति जो कुछ भी उम्मीद करता है, वह अभी भी लिखने के लिए आपका है।

संपादक सबसिस्टम	GrapesJS	Craft.js / Puck	यह क्यों मायने रखता है
स्टाइल मैनेजर	में निर्मित	अपना खुद का निर्माण करें	एक के बिना, उपयोगकर्ता कुछ भी नहीं बदल सकते हैं जिसे आपने प्रोप के रूप में उजागर नहीं किया है।
डिवाइस मैनेजर/उत्तरदायी संपादन	में निर्मित	अपना खुद का निर्माण करें	प्रति-ब्रेकपॉइंट संपादन वह सुविधा है जो उपयोगकर्ता पहले मांगते हैं।
परिसंपत्ति प्रबंधक	में निर्मित	अपना खुद का निर्माण करें	छवि अपलोड, ब्राउज़ और पुनः उपयोग अपने आप में एक छोटा उत्पाद है।

पारिस्थितिकी तंत्र

वास्तविक उत्पादों का निर्माण करने वाले डेवलपर्स के लिए निर्मित

इस पृष्ठ पर कोई लोगो और कोई प्रशंसापत्र नहीं - बस पारिस्थितिकी तंत्र के आंकड़े आप स्वयं जांच सकते हैं।

26k+

GitHub सितारे

100+

GJS.Market पर प्लगइन्स

10 years

सक्रिय विकास

लाइसेंस शुल्क, हमेशा

GitHub पर GrapesJS रिपॉजिटरी से स्टार गिनती; GJS.Market कैटलॉग से प्लगइन गिनती। दोनों सत्यापित 2026-08-26।

FAQ

अक्सर पूछे जाने वाले प्रश्न

अगला कदम

स्क्रैच से शुरू किए बिना अपना React पेज बिल्डर बनाएं

ओपन-सोर्स GrapesJS कोर का उपयोग करें। अपने लिए आवश्यक प्लगइन्स जोड़ें। उस संपादक का निर्माण करें जिसकी आपके उत्पाद को वास्तव में आवश्यकता है।

मुफ्त में शुरू करें

निर्माण शुरू करें

एक संपादक कॉन्फ़िगर करें, एक प्रीसेट चुनें, और एक चल रहा GrapesJS सेटअप प्राप्त करें जिसे आप अपने React ऐप में छोड़ सकते हैं।

निर्माण शुरू करें

विस्तार

ब्राउज़ करें GJS.Market प्लगइन्स

ब्लॉक, भंडारण, पृष्ठ, समृद्ध पाठ, React घटक और बहुत कुछ - एक समय में एक-एक स्थापित किया जाता है, जैसा कि आपको उनकी आवश्यकता होती है।

ब्राउज़ करें GJS.Market प्लगइन्स

मदद लें

GrapesJS को एकीकृत करने में सहायता चाहिए?

यदि आप किसी ऐसे व्यक्ति को एकीकरण सौंपना चाहते हैं जिसने पहले एक भेज दिया है, तो हमारी सेवाएं इसी के लिए हैं।

एकीकरण के बारे में बात करें

पढ़ते रहिए:

React पेज बिल्डर Next.js पेज बिल्डर React ईमेल बिल्डर GrapesJS ट्यूटोरियल GrapesJS TypeScript के साथ एम्बेड करने योग्य पेज बिल्डर GrapesJS प्लगइन्स GrapesJS एकीकरण सेवाएँ