चरण-दर-चरण मार्गदर्शिकाएँ
tsParticles गाइड अनुभाग में आपका स्वागत है। चाहे आप एक स्थिर Vanilla JS साइट बना रहे हों, React या Vue में एक सिंगल-पेज ऐप, या Next.js या Nuxt के साथ एक फुल-स्टैक एप्लिकेशन, ये चरण-दर-चरण ट्यूटोरियल आपको इंस्टॉलेशन, मूल उपयोग, उन्नत कॉन्फ़िगरेशन और इंटरैक्टिव प्रभावों के बारे में बताएंगे।
प्रत्येक गाइड आत्मनिर्भर है और इसमें कॉपी-पेस्ट करने योग्य कोड उदाहरण शामिल हैं ताकि आप जल्दी से शुरुआत कर सकें।
उपलब्ध गाइड
| फ्रेमवर्क / रैपर | पैकेज | विवरण |
|---|---|---|
| Vanilla JS | tsparticles (CDN या npm) | tsParticles.load() के साथ प्रत्यक्ष DOM एकीकरण |
| React | @tsparticles/react | हुक और कम्पोनेंट API के साथ आधिकारिक React रैपर |
| Vue 3 | @tsparticles/vue3 | कम्पोजेबल के साथ आधिकारिक Vue 3 प्लगइन |
| Angular | @tsparticles/angular | आधिकारिक Angular कम्पोनेंट और मॉड्यूल |
| Svelte | @tsparticles/svelte | आधिकारिक Svelte कम्पोनेंट |
| Next.js | @tsparticles/react (Next.js के साथ) | सर्वर-साइड रेंडरिंग और डायनामिक इम्पोर्ट |
| Nuxt | @tsparticles/vue3 (Nuxt के साथ) | Nuxt प्लगइन के रूप में SSR-सुरक्षित एकीकरण |
| Solid | @tsparticles/solid | आधिकारिक SolidJS रैपर |
| Preact | @tsparticles/preact | Preact-संगत कम्पोनेंट |
| Lit | @tsparticles/lit | Lit वेब कम्पोनेंट रैपर |
| Qwik | @tsparticles/qwik | Qwik-अनुकूलित एकीकरण |
| jQuery | @tsparticles/jquery | लीगेसी प्रोजेक्ट के लिए jQuery प्लगइन |
| Astro | @tsparticles/react (या कोई रैपर) | क्लाइंट निर्देशों के साथ आइलैंड आर्किटेक्चर |
| Web Components | @tsparticles/webcomponents | कस्टम एलिमेंट्स API एकीकरण |
| Stencil | @tsparticles/stencil | Stencil कम्पोनेंट रैपर |
| Ember | @tsparticles/ember | एम्बर ऐडऑन एकीकरण |
| Riot | @tsparticles/riot | Riot.js रैपर |
| Inferno | @tsparticles/inferno | Inferno-संगत कम्पोनेंट |
| WordPress | प्लगइन + tsparticles | ब्लॉक एडिटर / शॉर्टकोड एकीकरण |
अपनी गाइड चुनें
- Vanilla JS (सादा जावास्क्रिप्ट)
- React
- Vue 3
- Angular
- Svelte
- Next.js
- Nuxt
- Solid
- Preact
- Lit
- Qwik
- jQuery
- Astro
- Web Components
- Stencil
- Ember
- Riot
- Inferno
- WordPress
शुभ निर्माण!