मुख्य सामग्रीमा जानुहोस्
LibraTool logoLibraTool

निःशुल्क Mermaid डायग्राम सम्पादक

लाइभ प्रिभ्यूका साथ Mermaid सिन्ट्याक्समा फ्लोचार्ट, सिक्वेन्स डायग्राम, Gantt चार्ट, र अन्य लेख्नुहोस्। SVG वा PNG मा निर्यात गर्नुहोस्। पूर्णतः तपाईंको ब्राउजरमा चल्छ।

💡 Mermaid सिन्ट्याक्समा रेखाचित्र लेख्नुहोस् — फ्लोचार्ट, सिक्वेन्स रेखाचित्र, ग्यान्ट चार्ट, क्लास रेखाचित्र र थप — अनि SVG वा PNG मा निर्यात गर्नुहोस्। सबै काम तपाईंको ब्राउजरमै हुन्छ: तपाईंको रेखाचित्रको पाठ कहिल्यै अपलोड हुँदैन, र Mermaid रेन्डरिङ इन्जिन तेस्रो पक्षको CDN बाट होइन, यही साइटबाट आउँछ।

सामान्य प्रयोगहरू

  • फ्लोचार्ट बनाउनुहोस्पाठबाट फ्लोचार्ट सिर्जना गर्नुहोस् र यसलाई छविको रुपमा निर्यात गर्नुहोस्।
  • अनुक्रम रेखाचित्र खीचनुहोस्प्रणालीहरु वा मानिसहरु समयको साथ कसरी अन्तरक्रिया गर्छन् भनेर रेखाचित्र।
  • README मा रेखाचित्र जोड्नुहोस्GitHub ले तपाईंको README मा नेटिभ रेखाचित्र सिर्जना गर्नुहोस्।
  • Gantt चार्ट निर्माण गर्नुहोस्प्रकल्प समयरेखा पाठबाट Gantt चार्टको रुपमा राख्नुहोस्।
  • वर्ग रेखाचित्र सिर्जना गर्नुहोस्सफ्टवेयर डिजाइनको लागि कक्षाहरु र तिनीहरूको सम्बन्ध रेखाचित्र।

यो कसरी काम गर्छ

Mermaid आपलाई पाठ को रूपमा diagrams लेख गर्न र तिनीहरूलाई स्वचालित रूपमा rendered गर्न दिन्छ - great version control मा diagrams राख्न। यो एक live editor जो type गर्दा renders।

  1. 1
    Mermaid इञ्जिन लोड गर्छ
    पहिलो पटक उपकरण प्रयोग गर्दा Mermaid लाइब्रेरी LibraTool बाट लोड हुन्छ, त्यसपछि ब्राउजरले यसलाई क्यास गर्छ।
  2. 2
    तपाई diagram कोड लेख्नुहुन्छ
    Flowcharts, sequence diagrams, Gantt charts, class diagrams, pie charts र अन्य - Mermaid को पाठ syntax प्रयोग गर्दा।
  3. 3
    यो live renders
    आपको कोड आपको type गर्दा पार्स र आपको ब्राउजरमा एक SVG मा renders, light र dark themes को साथ।
  4. 4
    SVG वा PNG निर्यात गर्नुहोस्
    Diagram एक scalable SVG वा एक 2× PNG को रूपमा डाउनलोड गर्नुहोस् docs, slides वा README मा ड्रप गर्न।

आपको diagram कोड - जो आन्तरिक system वर्णन गर्न सक्छ - आपको ब्राउजरमा पूरै rendered गरिन्छ र कहिले अपलोड गरिन्छ।

सम्बन्धित उपकरणहरू

📝

Markdown सम्पादक

वास्तविक समयमा Markdown लेख्नुहोस् र प्रिभ्यू गर्नुहोस्। शीर्षक, बोल्ड, इटालिक, कोड ब्लक, तालिका, र सूचीहरू समर्थन गर्छ।

प्रयास गर्नुहोस्
🟦

CSS ग्रिड जनरेटर

CSS ग्रिड दृश्यमान रूपमा डिजाइन गर्नुहोस् — ट्र्याकहरू, एकाइहरू र अंतरहरू — र उत्पन्न CSS र HTML प्रतिलिपि गर्नुहोस्।

प्रयास गर्नुहोस्
🌳

ASCII ट्री जेनेरेटर

इन्डेन्टेड सूचीलाई README र डकुमेन्टका लागि सफा फोल्डर ट्री (├── └──) मा रूपान्तरण गर्नुहोस्। युनिकोड वा सादा-ASCII आउटपुट। पूर्णतः तपाईंको ब्राउजरमा चल्छ।

प्रयास गर्नुहोस्

बारम्बार सोधिने प्रश्नहरू