وب‌سرویس مجید

پروژه‌های متن‌باز | OpenSource Projects

سوسی لینوکس یک پروژه متن‌باز برای اجرای هوش مصنوعی سوسی (SUSI) روی دستگاه‌های سخت‌افزاری مبتنی بر رزبری پای و دیگر برد‌های تکنولوژی است. این پروژه به توسعه‌دهندگان اجازه می‌دهد تا یک دستیار صوتی شخصی را در دستگاه‌های کوچک و مستقل اجرا کنند. کاربرد: این پروژه برای ساخت دستیار صوتی هوشمند در دستگاه‌ها ...

  • #SUSI_AI
  • #OpenSource
  • #VoiceAssistant
  • #RaspberryPi
  • #IoT
  • #SmartHome
  • #AI
  • #PrivacyFirst
  • #FOSS
  • #Linux

این کتابخانه یک راه‌حل جامع برای مدیریت Suspense در ری‌اکت است و به توسعه‌دهندگان کمک می‌کند تا بارگذاری، خطاهای احتمالی و وضعیت‌های در حال انتظار را به صورت یکپارچه مدیریت کنند. کاربرد: این کتابخانه برای بهبود تجربه کاربری در برنامه‌های ری‌اکت با مدیریت هوشمند Suspense و Error Boundaries طراحی شده. ...

  • #React
  • #Suspense
  • #ErrorBoundary
  • #Performance
  • #LazyLoading
  • #Prefetching
  • #UIUX
  • #WebDev
  • #Frontend
  • #Suspensive

کاربرد: این پروژه یک نسخهٔ بازنویسی‌شده از Tachiyomi برای دسکتاپ است که به کاربران امکان می‌دهد منگاها را روی کامپیوترهای خود مدیریت و بخوانند، بدون نیاز به دستگاه اندرویدی. ️ در چه شرایطی بهتره استفاده بشه؟ وقتی دوست داری منگا بخونی اما تمایلی به استفاده از تلفن همراه نداری، یا می‌خوای تجربه‌ای بزر ...

  • #MangaReader
  • #DesktopApp
  • #OpenSource
  • #Suwayomi
  • #Tachiyomi
  • #SelfHosted
  • #ComicReader
  • #DigitalLibrary
  • #CrossPlatform
  • #OfflineReading

این یک رابط کاربری تحت وب برای Suwayomi است که به کاربران اجازه می‌دهد به صورت راحت و از طریق مرورگر، به کتابخانه منگا دسترسی داشته باشند. کاربرد: این رابط کاربری برای مدیریت و مرور منگاهای دانلود شده یا آنلاین از طریق سرور Suwayomi طراحی شده. شما می‌تونید منگاها رو دسته‌بندی کنید، تاریخ خواندن رو ب ...

  • #WebUI
  • #MangaReader
  • #Suwayomi
  • #SelfHosted
  • #DigitalLibrary
  • #WebApp
  • #OpenSource
  • #TachiyomiExtension
  • #PersonalServer
  • #ReadMangaOnline

این کتابخانه یک مجموعه از ساختارهای داده فشرده (succinct data structures) روی زبان‌های C و C++ ارائه می‌دهد که برای ذخیره‌سازی اطلاعات با کمترین فضای ممکن طراحی شده‌اند. کاربرد: این کتابخانه برای مواقعی مناسب است که فضای حافظه محدود باشه و نیاز به پردازش سریع داده‌های بسیار بزرگ وجود داشته باشه، مثل ...

  • #succinct_data_structures
  • #Cplusplus
  • #LowMemory
  • #HighPerformance
  • #DataCompression
  • #EmbeddedSystems
  • #SystemProgramming
  • #EfficientAlgorithms

چطور می‌تونیم از SuzieQ استفاده کنیم؟ این ابزار یک پلتفرم مشاهده‌پذیری شبکه (Network Observability) هست که به مهندسان شبکه کمک می‌کنه تا شبکه‌ها رو بهتر مدیریت، عیب‌یابی و طراحی کنند. کاربرد: SuzieQ داده‌های شبکه رو از دستگاه‌های مختلف مثل روترها، سوئیچ‌ها و فایروال‌ها جمع‌آوری می‌کنه، پردازششون می‌ ...

  • #NetworkObservability
  • #SuzieQ
  • #NetDevOps
  • #NetworkAutomation
  • #DataCenter
  • #NetworkMonitoring
  • #BGP
  • #Routing
  • #LLDP
  • #InterfaceUtilization

این پروژه یک شبکه عصبی عمیق است که به‌طور خاص برای تشخیص و تقسیم‌بندی اشیاء کوچک در تصاویر پزشکی طراحی شده است. با استفاده از مکانیسم توجه متغیر در مقیاس (ScaleVariant Attention)، مدل قادر است ویژگی‌های مهم در مقیاس‌های مختلف را به‌طور هوشمندانه تقویت کند. کاربرد: این مدل بیشتر در بازرسی تصاویر پزشک ...

  • #MedicalImageSegmentation
  • #DeepLearning
  • #SmallObjectDetection
  • #AttentionMechanism
  • #SvANet
  • #AIinHealthcare
  • #ScaleVariantAttention
  • #ComputerVision
  • #BiomedicalAI
  • #PrecisionMedicine

این پلاگین رسمی، امکان استفاده از tsParticles رو در پروژه‌های Svelte فراهم می‌کنه. با استفاده از این کتابخانه، می‌تونی افکت‌های ذره‌ای زیبا و پویا رو به راحتی در کامپوننت‌های Svelte اضافه کنی. کاربرد: این ابزار برای ایجاد انیمیشن‌های تعاملی ذرات مثل بارش ستاره، اثرات موس، پس‌زمینه‌های متحرک و غیره م ...

  • #svelte
  • #particles
  • #animation
  • #webdev
  • #interactive
  • #background
  • #ui
  • #ux
  • #frontend
  • #tsParticles

این پروژه یک نسخهٔ پرتاب‌شده از کامپایلر Svelte برای اجرا روی Deno است. کاربرد: این ابزار به تو امکان می‌ده تا از قابلیت‌های Svelte، فریم‌ورک سبک و قدرتمند ساخت رابط کاربری، در محیط Deno استفاده کنی. در چه شرایطی بهتره استفاده بشه؟ اگر داری با Deno کار می‌کنی و دوست داری بدون نیاز به Node.js و npm، ...

  • #svelte
  • #deno
  • #webdev
  • #frontend
  • #javascript
  • #typescript
  • #compiler
  • #denofn
  • #ui_framework
  • #moderndev

این ابزار به تو امکان میده که پروژه‌های SvelteKit رو روی Google Cloud App Engine دیپلوی کنی و اجرا کنی. کاربرد: این اداپتور، SvelteKit رو برای اجرا در محیط Google Cloud App Engine آماده می‌کنه و بهت کمک می‌کنه که وب‌اپلیکیشن‌های سریع و مدرن رو به راحتی هاست کنی. در چه شرایطی بهتره استفاده بشه؟ اگر ا ...

  • #sveltekit
  • #appengine
  • #googlecloud
  • #webdevelopment
  • #ssr
  • #cloudhosting
  • #javascript
  • #frontend
  • #serverless
  • #svelte_adapter

این ابزار به تو کمک می‌کنه تا به راحتی قابلیت‌ها و ادغام‌های جدیدی مثل TypeScript، Tailwind CSS، یا Jest رو به برنامه‌های Svelte یا SvelteKit اضافه کنی. کاربرد: دیگه نیاز نیست دستی تنظیمات پیچیده رو انجام بدی. با دستور ساده‌ای تو ترمینال، ابزار به صورت خودکار فایل‌ها و پیکربندی‌های لازم رو اضافه می‌ ...

  • #svelte
  • #sveltekit
  • #webdev
  • #frontend
  • #typescript
  • #tailwindcss
  • #automation
  • #developer_tools
  • #pwa
  • #testing

این یک کتابخانهٔ کامپوننت برای Svelte هست که به راحتی امکان پیاده‌سازی جست‌وجوی لحظه‌ای با Algolia InstantSearch رو فراهم می‌کنه. کاربرد: این پروژه به تو اجازه می‌ده تا بدون دردسر زیاد، قابلیت جست‌وجوی پیشرفته و واکنش‌گرا رو به اپلیکیشن‌های Svelte اضافه کنی. مناسب سایت‌های فروشگاهی، مستندات، وبلاگ‌ه ...

  • #Svelte
  • #Algolia
  • #InstantSearch
  • #SearchLibrary
  • #WebDev
  • #Frontend
  • #ComponentLibrary
  • #TypeScript
  • #Jamstack
  • #RealTimeSearch

این پروژه ترکیبی از رابط‌های کاربری جذاب و انیمیشن‌های شگفت‌انگیز برای فریم‌ورک Svelte است که با استفاده از Tailwind CSS و Framer Motion ساخته شده. کاربرد: این کتابخانه به تو کمک می‌کنه تا با کمترین زمان و حداکثر زیبایی، کامپوننت‌های مدرن و انیمیشن‌های حرفه‌ای در پروژه‌های Svelte بسازی. در چه شرایطی ...

  • #svelte
  • #tailwindcss
  • #framer_motion
  • #ui_kit
  • #animations
  • #web_design
  • #developer_tools
  • #magic_ui
  • #aceternity_ui
  • #webdev

این پروژه یک کامپوننت سوئیتی است که با استفاده از Canvas و قابلیت‌های جدید Svelte 5، امواج صوتی زیبا و قابل سفارشی‌سازی ایجاد می‌کند. کاربرد: این ابزار برای نمایش بصری داده‌های صوتی مثل پیک‌های صدا استفاده می‌شه و می‌تونه در پخش‌کننده‌های موسیقی، پادکست‌ها، ابزارهای ویرایش صدا و هر جایی که نیاز به ن ...

  • #AudioWaveform
  • #Svelte5
  • #WebAudio
  • #Canvas
  • #MusicPlayer
  • #PodcastApp
  • #AudioVisualization
  • #CustomizableUI
  • #LightweightLibrary
  • #InteractiveDesign

این پروژه یک معیار ارزیابی برای مدل‌های زبان بزرگ (LLM) در زمینه توسعه با Svelte 5 است که بر اساس روش‌شناسی معرفی‌شده توسط OpenAI در مقالهٔ "Evaluating Large Language Models Trained on Code" ساخته شده است. کاربرد: این ابزار به توسعه‌دهندگان و محققان کمک می‌کند تا عملکرد مدل‌های زبانی را در درک و تول ...

  • #svelte
  • #llm
  • #benchmark
  • #webdev
  • #frontend
  • #ai
  • #coding
  • #svelte5
  • #opensource
  • #developer_tools

فروشگاه باز و منبع باز برای هر نوع تجارت الکترونیکی. کاربرد: این پروژه یک فروشگاه آنلاین سبک و مدرن روی پایهٔ Svelte ساخته شده که با سیستم‌های فروشگاهی بدون هسته (Headless) مثل Litekart و Medusa کار می‌کنه و در حال توسعه برای اتصال به Shopify هست. در چه شرایطی بهتره استفاده بشه؟ وقتی می‌خوای یک فروش ...

  • #svelte
  • #ecommerce
  • #headlesscommerce
  • #medusa
  • #litekart
  • #javascript
  • #webdev
  • #open
  • #shopify_integration
  • #pwa

این یک الگوی پایه برای ساخت کتابخانه کامپوننت‌های Svelte است. ️ اگر می‌خواهی یک کتابخانه قابل استفاده مجدد از کامپوننت‌های Svelte بسازی، این پروژه نقطه شروع عالی‌ایه. کاربرد: این الگو به تو کمک می‌کنه تا بدون دردسرهای راه‌اندازی اولیه، یک کتابخانه کامپوننت Svelte بسازی که: قابل پک‌شدن با Rollup یا V ...

  • #svelte
  • #component_library
  • #ui_kit
  • #web_development
  • #rollup
  • #vite
  • #npm_package
  • #open_source
  • #frontend
  • #reusable_components

این ابزار یک کامپوننت ساده سوئلت را به تصویر PNG تبدیل می‌کند و امکان تولید پویا تصاویر را فراهم می‌کند. ️ کاربرد: وقتی نیاز داری یک کامپوننت رابط کاربری سوئلت (مثل یک کارت، بنر یا نمودار) را به صورت تصویر ذخیره یا اشتراک بگذاری، این ابزار دقیقاً همون کار رو انجام می‌ده. در چه شرایطی بهتره استفاده ب ...

  • #svelte
  • #webdev
  • #dynamic_images
  • #png_generator
  • #frontend_tools
  • #ui_rendering
  • #image_generation
  • #javascript
  • #ssr
  • #web_components

این پروژه یک ماژول ساده و زیبا برای اضافه کردن افکت شلوا یا کاغذ رنگی (کنفِتی) به برنامه‌های Svelte و SvelteKit است. کاربرد: این ماژول به شما اجازه می‌دهد با کمترین کد، افکت شاد و جشن‌واره به صفحه اضافه کنید، مثلاً وقتی کاربر یک فرم را با موفقیت ارسال کرد یا یک دستاورد جدید گرفت. در چه شرایطی بهتره ...

این یک کامپوننت سوئلت است که یک کارت اعتباری را به صورت تعاملی و زیبا نمایش می‌دهد کاربرد: این کامپوننت برای نمایش اطلاعات کارت اعتباری در فرم‌ها، صفحات پرداخت یا بخش‌های مدیریت کارت کاربران استفاده می‌شه. در چه شرایطی بهتره استفاده بشه؟ وقتی می‌خوای یک رابط کاربری جذاب و واکنش‌گرا برای ورود یا نمای ...

  • #svelte
  • #credit_card
  • #ui_component
  • #payment_form
  • #dashboard_ui
  • #interactive_design
  • #web_development
  • #frontend
  • #ecommerce
  • #user_experience

این کامپوننت یک تقویم انتخاب تاریخ برای فریم‌ورک Svelte است که با هدف ایجاد یک رابط کاربری قابل دسترس و شامل طراحی شده است. کاربرد: این کامپوننت به تو اجازه می‌دهد به راحتی یک تقویم تعاملی برای انتخاب تاریخ در پروژه‌های سوئلت بسازی، بدون نیاز به کتابخانه‌های سنگین یا پیچیده. در چه شرایطی بهتره استفا ...

  • #svelte
  • #datepicker
  • #webdev
  • #a11y
  • #ui
  • #ux
  • #component
  • #javascript
  • #frontend
  • #accessible_ui

این یک الگوی آماده برای ساخت برنامه‌های فول‌استک با استفاده از Express و Svelte.js است کاربرد: این پروژه به تو کمک می‌کنه تا به راحتی یک برنامه بک‌اند با Node.js و Express داشته باشی و همزمان از فریم‌ورک سبک و سریع Svelte برای فرانت‌اند استفاده کنی در چه شرایطی بهتره استفاده بشه؟ اگر می‌خوای یک پروژ ...

  • #fullstack
  • #Svelte
  • #Express
  • #NodeJS
  • #Boilerplate
  • #WebDev
  • #JavaScript
  • #SSR
  • #FastDevelopment
  • #CleanCode

این پروژه ترکیبی از SvelteKit، TypeScript و Firebase است که به توسعه‌دهندگان کمک می‌کند تا با استفاده از قدرت فریم‌ورک Svelte و خدمات Firebase، برنامه‌های کاربردی پویا و واکنش‌گرا بسازند. کاربرد: این کتابخانه برای ایнтگریت کردن Firebase با پروژه‌های SvelteKit طراحی شده و امکان دسترسی به ویژگی‌هایی م ...

  • #sveltekit
  • #firebase
  • #typescript
  • #webdev
  • #realtimeapp
  • #auth
  • #cloudstorage
  • #pwa
  • #jacob_8
  • #sveltefirets

این یک کامپوننت ساده و قابل استفاده مجدد برای Svelte هست که کار با Flexbox رو در طراحی رابط کاربری آسان‌تر می‌کنه کاربرد: این کامپوننت به تو اجازه می‌ده بدون نوشتن کدهای CSS پیچیده، از قابلیت‌های Flexbox در پروژه‌های سوئلت استفاده کنی. تنظیم جهت، تراز، شکستن خط و سایر ویژگی‌های چیدمان رو می‌تونی با ...

  • #svelte
  • #flexbox
  • #ui_components
  • #responsive_design
  • #web_dev
  • #component_library
  • #frontend
  • #layout
  • #reusable
  • #dave

این پروژه یک کتابخانه برای ایجاد فرم‌های مبتنی بر JSON Schema در Svelte v3 است. با استفاده از آن، توسعه‌دهندگان می‌توانند به راحتی فرم‌های پویا ایجاد کنند بدون نیاز به نوشتن کد زیاد برای هر فیلد. کاربرد: این ابزار برای موقعیت‌هایی عالیه که نیاز داری فرم‌های پیچیده رو به صورت پویا و بر اساس یک ساختار ...

  • #svelte
  • #forms
  • #jsonschema
  • #dynamic_forms
  • #webdev
  • #frontend
  • #svelte3
  • #ui_components

این پروژه یک کمک‌کننده سبک و کارآمد برای اعتبارسنجی فرم‌ها در Svelte ارائه می‌دهد. ️ کاربرد: دقت و سرعت در مدیریت فرم‌های تعاملی با قابلیت‌هایی مثل اعتبارسنجی فیلدها، نمایش خطاها و مدیریت وضعیت فرم بدون نیاز به کتابخانه‌های سنگین. در چه شرایطی بهتره استفاده بشه؟ وقتی می‌خوای یک فرم ساده تا متوسط رو ...

  • #svelte
  • #form_validation
  • #web_development
  • #lightweight
  • #frontend
  • #javascript
  • #ui_tools
  • #developer_tools

این یک کامپوننت سبک و کارآمد برای ایجاد صفحه‌های کامل (fullpage) در فریم‌ورک Svelte است. کاربرد: این کامپوننت به تو اجازه می‌ده تا به راحتی صفحه‌های تک‌صفحه‌ای با اسکرول عمودی یا افقی بسازی که هر بخش مثل یک "صفحه" کامل رفتار می‌کنه. مناسب برای سایت‌های نمایشی، لندینگ‌پیج‌ها یا نمونه‌کارهاست. در چه ش ...

  • #svelte
  • #fullpage
  • #webdev
  • #singlepage
  • #ui
  • #ux
  • #frontend
  • #javascript
  • #webdesign
  • #scrolling

این کامپوننت به توسعه‌دهندگان اجازه می‌دهد تا هر عنصر DOM در صفحه را به حالت تمام‌صفحه درآورند. ️ کاربرد: این ابزار برای کامپوننت‌هایی مثل پخش‌کننده ویدیو، گالری تصاویر، نقشه‌ها یا هر بخشی که نیاز به نمایش بزرگ‌تر دارد، بسیار مفید است. ️️ در چه شرایطی بهتره استفاده بشه؟ وقتی می‌خواهی تجربه کاربری رو ...

  • #svelte
  • #fullscreen
  • #webcomponents
  • #ui
  • #ux
  • #javascript
  • #frontend
  • #responsive_design
  • #interactive_ui
  • #media_player

این یک کامپوننت تحت وب است که به صورت مستقل و بدون وابستگی به فریم‌ورک خاصی طراحی شده و برای مدیریت داده‌های آرایه‌ای از اشیا با قابلیت‌های افزودن، ویرایش، حذف و نمایش (CRUD) استفاده می‌شود. کاربرد: این کامپوننت برای ساخت جداول تعاملی بدون نیاز به نوشتن کدهای تکراری مناسب است. مثلاً در پنل‌های مدیری ...

  • #svelte
  • #webcomponents
  • #crud
  • #table
  • #ui
  • #frontend
  • #javascript
  • #data_management
  • #admin_panel
  • #reusable_ui

این پروژه یک مجموعه کامپوننت‌های ساده و قدرتمند برای استفاده از Google Maps در فریم‌ورک Svelte فراهم می‌کند. با استفاده از این کتابخانه، توسعه‌دهندگان می‌توانند به راحتی نقشه‌های گوگل را در برنامه‌های Svelte و SvelteKit خود جاسازی کنند. کاربرد: این کامپوننت‌ها به شما امکان می‌دهند بدون نیاز به کدنوی ...

  • #svelte
  • #googlemaps
  • #webdev
  • #maps
  • #components
  • #sveltekit
  • #javascript
  • #frontend
  • #ui
  • #location

این یک کتابخانهٔ چیدمان شبکهای برای فریم‌ورک Svelte است که امکان کشیدن و تغییر اندازه قطعات شبکه را به صورت پویا فراهم می‌کند و همچنین کاملاً واکنش‌گرا است. کاربرد: این پروژه برای ساخت رابط‌های کاربری پویا مثل داشبوردهای قابل تنظیم، صفحات ویرایشگر بلوکی یا هر محیطی که نیاز به آرایش قابل تنظیم المان‌ ...

  • #svelte
  • #gridlayout
  • #draggable
  • #resizable
  • #dashboard
  • #webdev
  • #javascript
  • #ui
  • #ux
  • #notmaintained

این یک سیستم شبکه‌ای واکنش‌گرا بر پایه بوت‌استرپ برای فریم‌ورک Svelte است که به توسعه‌دهندگان کمک می‌کند تا رابط‌های کاربری سازگار با دستگاه‌های مختلف طراحی کنند. کاربرد: این کتابخانه برای ساخت چیدمان‌های واکنش‌گرا در برنامه‌های سوئلت مناسب است و از ساختار ستونی مشابه بوت‌استرپ استفاده می‌کند تا صفح ...

  • #responsive_design
  • #svelte
  • #bootstrap_grid
  • #web_development
  • #ui_layout
  • #flexible_grid
  • #frontend
  • #component_library
  • #grid_system
  • #web_design

کاربرد: این پروژه یک نسخهٔ غیررسمی از کتابخانهٔ Headless UI برای فریم‌ورک Svelte است که بدون وابستگی به استایل‌های پیش‌فرض، کامپوننت‌های قابل استفاده مانند منوها، دکمه‌ها، مودال‌ها و تب‌ها را ارائه می‌دهد. در چه شرایطی بهتره استفاده بشه؟ وقتی می‌خوای با Svelte یک رابط کاربری انعطاف‌پذیر و سبک بسازی ...

  • #svelte
  • #headlessui
  • #tailwindcss
  • #webdev
  • #ui_components
  • #accessible_ui
  • #frontend
  • #component_library
  • #sveltekit
  • #open_source

این پروژه چیه؟ یک شروع‌کننده (Starter) برای ساخت برنامه‌های Svelte با استفاده از کتابخانه Headless UI هست که المان‌های رابط کاربری بدون استایل از پیش تعیین شده ارائه می‌ده. این پروژه به توسعه‌دهندگان اجازه می‌دهد تا کامپوننت‌های تعاملی مانند منوها، دکمه‌ها و مودال‌ها را با کنترل کامل روی طراحی و رفت ...

  • #svelte
  • #headlessui
  • #webdev
  • #frontend
  • #tailwindcss
  • #ui_components
  • #starter_template
  • #svelte_kit
  • #custom_design
  • #open_source

این یک کامپوننت سوئلت است که با اسکرول کردن صفحه، هدر شما را پنهان می‌کند. کاربرد: وقتی کاربر به سمت پایین اسکرول می‌کنه، هدر از دید پنهان می‌شه و وقتی به بالا اسکرول می‌کنه دوباره نمایش داده می‌شه. این رفتار به صورت خودکار و روان انجام می‌شه. در چه شرایطی بهتره استفاده بشه؟ وقتی می‌خوای فضای بیشتری ...

  • #svelte
  • #headroom
  • #ui
  • #ux
  • #scroll
  • #webdev
  • #responsive
  • #frontend
  • #javascript
  • #component

این یک کتابخانه بین‌المللی‌سازی (i18n) برای فریم‌ورک Svelte است که به توسعه‌دهندگان اجازه می‌دهد تا برنامه‌های خود را به راحتی به چندین زبان ترجمه کنند. کاربرد: این کتابخانه برای افزودن پشتیبانی از چندزبانه بودن در اپلیکیشن‌های ساخته شده با Svelte و SvelteKit طراحی شده. با استفاده از آن می‌تونی متن‌ ...

  • #svelte
  • #i18n
  • #internationalization
  • #translation
  • #webdev
  • #frontend
  • #sveltekit
  • #localization
  • #multilingual
  • #javascript

این پروژه یک راه‌حل بین‌المللی‌سازی (i18n) برای فریم‌ورک Svelte است که بر پایه اکوسیستم قدرتمند i18next ساخته شده. این ابزار به توسعه‌دهندگان کمک می‌کند تا برنامه‌های Svelte خود را به راحتی به چندین زبان ترجمه کنند. کاربرد: این کتابخانه برای افزودن پشتیبانی از چندزبانی در برنامه‌های Svelte و SvelteK ...

  • #svelte
  • #i18n
  • #internationalization
  • #translation
  • #sveltekit
  • #webdev
  • #multilingual
  • #frontend
  • #javascript
  • #i18next

این یک کانتینر تصویری شبیه به حالت Masonry برای فریم‌ورک Svelte است که به توسعه‌دهندگان کمک می‌کند تا گالری‌های تصویری زیبا و واکنش‌گرا را به راحتی در پروژه‌های خود پیاده‌سازی کنند. ️ کاربرد: این کامپوننت برای نمایش مجموعه‌ای از تصاویر با ارتفاع‌های متفاوت بدون ایجاد فضای خالی ناخواسته طراحی شده است ...

  • #svelte
  • #image_gallery
  • #masonry_layout
  • #responsive_design
  • #web_development
  • #frontend
  • #gallery_component
  • #photo_portfolio
  • #ui_components
  • #javascript

این یک کتابخانهٔ سبک و حداقلی از کامپوننت‌های رابط کاربری برای پروژه‌های Svelte و Sapper است که توسط erictherobot توسعه داده شده. کاربرد: این کتابخانه به تو کمک می‌کنه تا با حداقل زمان و تلاش، رابط‌های کاربری زیبا و واکنش‌گرا بسازی، بدون نیاز به استفاده از فریم‌ورک‌های سنگین مثل Bootstrap یا Materia ...

  • #svelte
  • #sapper
  • #ui_library
  • #component_library
  • #web_dev
  • #frontend
  • #minimalist_ui
  • #javascript
  • #web_design
  • #erictherobot

این یک ادیتور وب‌محور قدرتمند برای کار با JSON است که به‌راحتی می‌تونی باهاش JSON رو مشاهده، ویرایش، قالب‌دهی، تعمیر، پرس‌وجو، تبدیل و اعتبارسنجی کنی. کاربرد: این ابیتور برای توسعه‌دهندگانی که زیاد با داده‌های JSON کار می‌کنن عالیه، مخصوصاً وقتی نیاز داری بدون خطا داده‌ها رو ویرایش یا تحلیل کنی. در ...

  • #JSON_Editor
  • #Web_Tools
  • #Svelte
  • #Data_Validation
  • #API_Development
  • #JSON_Transformation
  • #Debugging_Tools
  • #Code_Editor
  • #Frontend_Development
  • #JSON_Query

این یک کامپوننت سوئیت (Svelte) است که به راحتی اجازه می‌دهد داده‌های JSON را به صورت زیبا و قابل کشف نمایش دهید. کاربرد: وقتی می‌خواهید داده‌های JSON را در یک رابط کاربری به صورت درختی (tree) و با قابلیت باز و بسته کردن شاخه‌ها نمایش بدید، این ابزار عالیه. در چه شرایطی بهتره استفاده بشه؟ وقتی دارید ...

  • #json_viewer
  • #svelte_component
  • #developer_tools
  • #debug_ui
  • #data_visualization
  • #web_development

این یک کیبورد مجازی برای فریم‌ورک Svelte است که به توسعه‌دهندگان اجازه می‌دهد به راحتی یک صفحه‌کلید تعاملی را در برنامه‌های خود جاسازی کنند. کاربرد: این کامپوننت برای برنامه‌هایی که نیاز به ورودی متن بدون استفاده از صفحه‌کلید فیزیکی دارند، مناسب است — مثل دستگاه‌های لمسی، کیوسک‌ها، یا برنامه‌های دست ...

  • #svelte
  • #virtual_keyboard
  • #web_component
  • #touch_ui
  • #accessibility
  • #kiosk_mode
  • #ui_library
  • #frontend_dev
  • #javascript
  • #interactive_ui

این اداپتور به تو اجازه میده که پروژه‌های SvelteKit رو روی Deno و Deno Deploy اجرا کنی. کاربرد: این اداپتور برای کسانی عالیه که می‌خوان از قابلیت‌های مدرن Deno مثل امنیت بدون sandbox، ماژول‌های مستقیم از URL و اجرای سریع استفاده کنن. در چه شرایطی بهتره استفاده بشه؟ اگر داری یه پروژه SvelteKit می‌ساز ...

  • #sveltekit
  • #deno
  • #denodeploy
  • #ssr
  • #ssg
  • #webdevelopment
  • #typescript
  • #jampstack
  • #adapter
  • #frontend

این یک اپلیکیشن وبلاگ شخصی ساده و کاربردیه که با فناوری‌های مدرن ساخته شده. با استفاده از SvelteKit، Tailwind CSS و EdgeDB، یک سکوی تمام‌عرض (fullstack) برای نوشتن و انتشار مقالات فراهم کرده. ️ کاربرد: این پروژه برای افرادی مناسبه که می‌خوان یک وبلاگ شخصی یا نوت‌بلاگ سریع و تمیز داشته باشن، بدون درد ...

  • #SvelteKit
  • #TailwindCSS
  • #EdgeDB
  • #Fullstack
  • #BlogApp
  • #OpenSource
  • #WebDev
  • #PersonalBlog
  • #StarterKit
  • #Svelte

چت‌ربات هوشمند مبتنی بر SvelteKit و LangChain که امکان تعامل با مدل‌های زبانی را از طریق اندپوینت سرور فراهم می‌کند. کاربرد: این پروژه یک نمونه عملی از یک چت‌ربات تعاملی است که با استفاده از SvelteKit در فرانت‌اند و LangChain در بک‌اند ساخته شده. می‌تونی ازش برای ساخت چت‌ربات‌های هوشمند، پشتیبانی مش ...

این پروژه یک چارچوب فول‌استک مدرن برای ساخت برنامه‌های تحت وب با قدرت SvelteKit و Cloudflare است. کاربرد: این پروژه به تو اجازه می‌ده تا یک برنامه کامل فول‌استک را روی لبه (Edge) با قابلیت‌های پیشرفته مثل GraphQL، API CRUD، صفحات داینامیک و پشتیبانی از پایگاه‌های داده مختلف بسازی. در چه شرایطی بهتره ...

  • #sveltekit
  • #cloudflare
  • #fullstack
  • #drizzle
  • #graphql
  • #d1
  • #r2
  • #kv
  • #edgecomputing
  • #supabase

کامپوننت‌های کاربردی برای ساخت وب‌سایت‌ها با SvelteKit ️ این مجموعه به توسعه‌دهندگان کمک می‌کند تا با استفاده از کامپوننت‌های آماده، سریع‌تر و تمیزتر پروژه‌های خود را پیاده‌سازی کنند. کاربرد: این کامپوننت‌ها برای استفاده در پروژه‌های SvelteKit طراحی شده‌اند و شامل اجزای رایج رابط کاربری مثل دکمه‌ها، ...

  • #sveltekit
  • #components
  • #webdev
  • #ui_kit
  • #frontend
  • #javascript
  • #typescript
  • #rodneylab

این ابزار به تو کمک می‌کنه تا با استفاده از SvelteKit و Apache Cordova یا Ionic Capacitor، اپلیکیشن‌های موبایل بسازی کاربرد: این آداپتور، پروژه‌های SvelteKit رو برای اجرا روی دستگاه‌های موبایل (اندروید و آی‌اواس) آماده می‌کنه و بهت اجازه می‌ده مثل یک اپ نیتیو رفتار کنی، در حالی که از قابلیت‌های وب ا ...

  • #SvelteKit
  • #Cordova
  • #Capacitor
  • #MobileApp
  • #PWA
  • #WebToApp
  • #HybridApp
  • #Svelte
  • #CrossPlatform
  • #Ionic

این پروژه یک نمونه کامل از SvelteKit همراه با Docker و NGINX است که امکان توسعه محلی با Hot Module Replacement (HMR) و پشتیبانی از SSL را فراهم می‌کند. کاربرد: این تنظیمات به توسعه‌دهندگان اجازه می‌دهد تا محیط توسعه و تولید را به‌راحتی شبیه‌سازی کنند، بدون نیاز به پیکربندی پیچیده سرور. همچنین با است ...

  • #SvelteKit
  • #Docker
  • #NGINX
  • #SSL
  • #WebDevelopment
  • #Frontend
  • #HTTPS
  • #LocalDevelopment
  • #DevOps
  • #WebApp

این ابزار به تو اجازه میده تا با ترکیب SvelteKit و Electron، برنامههای دسکتاپ قدرتمند و سبک بسازی کاربرد: این آداپتور یک پل بین SvelteKit و Electron ایجاد میکنه تا بتونی اپ دسکتاپ با قابلیتهای وب و دسترسی به سیستم عامل بسازی در چه شرایطی بهتره استفاده بشه؟ وقتی میخوای یک برنامه دسکتاپ با رابط کاربری ...

  • #SvelteKit
  • #Electron
  • #DesktopApp
  • #WebTech
  • #TypeScript
  • #Frontend
  • #OpenSource
  • #DevTools
  • #UIUX
  • #CrossPlatform

این یک الگوی آماده با قابلیت‌های پیشرفته برای ساخت دی‌اپ‌های اتریوم با Svelte Kit، TypeScript، TailwindCSS و کتابخانه Ethers.js است. کاربرد: این پروژه به تو کمک می‌کنه تا بدون دردسر شروع به ساخت دی‌اپ‌های اتریوم کنی، با پیکربندی از پیش تنظیم شده برای اتصال به بلاکچین، مدیریت کیف پول و تعامل با قرارد ...

  • #dApp
  • #Ethereum
  • #SvelteKit
  • #TypeScript
  • #TailwindCSS
  • #EthersJS
  • #Web3
  • #Blockchain
  • #SmartContracts
  • #DeFi

این پروژه ترکیبی از SvelteKit و OpenID Connect برای احراز هویت کاربران با استفاده از Keycloak در حالت confidential flow است. همچنین از احراز هویت در سمت سرور (SSR Auth) پشتیبانی می‌کند تا امنیت بالاتری فراهم شود. کاربرد: این پروژه برای توسعه‌دهندگانی مناسب است که می‌خواهند با استفاده از SvelteKit، س ...

  • #SvelteKit
  • #OpenIDConnect
  • #Keycloak
  • #SSRAuth
  • #ConfidentialFlow
  • #WebSecurity
  • #Authentication
  • #SSO
  • #TypeScript
  • #OAuth2

این پروژه ترکیبی از SvelteKit 5 با قابلیت‌های جدید Runes و سیستم احراز هویت PocketBase است که امکان احراز هویت در سرور (SSR) و کلاینت (CSR) را فراهم می‌کند. همچنین از قابلیت‌های realtime در PocketBase نیز پشتیبانی می‌کند تا بتوانید داده‌های زنده را به راحتی مدیریت کنید. کاربرد: این پروژه برای توسعه‌ ...

یک نمونه‌کار حرفه‌ای و تمیز با استفاده از SvelteKit که برای نمایش مهارت‌ها، پروژه‌ها و اطلاعات تماس طراحی شده است. کاربرد: این پروژه به تو کمک می‌کنه تا یک وبسایت شخصی یا نمونه‌کار (Portfolio) با عملکرد بالا و بارگذاری سریع داشته باشی، مناسب برای توسعه‌دهندگان، طراحان یا هنرمندانی که می‌خوان کارهاشو ...

  • #portfolio
  • #sveltekit
  • #webdev
  • #frontend
  • #developer
  • #personal_website
  • #responsive_design
  • #open_source
  • #fast_website
  • #freelancer

این پروژه یک الگوی آماده برای ساخت سرویس‌های SaaS با استفاده از SvelteKit است. شامل قابلیت‌هایی مثل احراز هویت کاربر، مدیریت اشتراک، پنل مدیریت و یکپارچه‌سازی پرداخت (مثل Stripe) می‌شود. کاربرد: برای توسعه‌دهندگانی که می‌خواهند به سرعت یک پلتفرم SaaS بسازند، بدون نیاز به شروع از صفر. در چه شرایطی به ...

  • #SaaS
  • #SvelteKit
  • #WebApp
  • #StripeIntegration
  • #Authentication
  • #TypeScript
  • #FullStack
  • #DeveloperTools
  • #OpenSource
  • #StartupReady

این یک پروژه شروع‌کننده برای SvelteKit هست که با ابزارهای مدرن وب ساخته شده و می‌تونه پایه‌ای قوی برای ساخت برنامه‌های مقیاس‌پذیر باشه. کاربرد: این استارتر کیت به تو کمک می‌کنه تا یک پروژه وب با TypeScript، Tailwind CSS و PostCSS شروع کنی، بدون اینکه زمان زیادی صرف پیکربندی اولیه کنی. همچنین شامل Hu ...

  • #SvelteKit
  • #TypeScript
  • #TailwindCSS
  • #Storybook
  • #Husky
  • #WebDevelopment
  • #Frontend
  • #StarterKit
  • #UIComponents
  • #PostCSS

کاربرد: این ابزار به تو کمک می‌کنه تا کار با فرم‌ها در SvelteKit رو راحت‌تر و لذت‌بخش‌تر کنی. با Superforms دیگه نیازی به نوشتن کدهای تکراری برای اعتبارسنجی، مدیریت وضعیت یا ارسال فرم نیست. همه چیز به صورت هوشمند و با تجربه‌ای عالی پیاده‌سازی می‌شه. در چه شرایطی بهتره استفاده بشه؟ وقتی داری یه پروژه ...

  • #sveltekit
  • #forms
  • #webdev
  • #typescript
  • #frontend
  • #developer
  • #ux
  • #validation
  • #productivity

فروشگاه اینترنتی متن‌باز با قابلیت استفاده آسان و توسعه سریع با استفاده از SvelteKit و Tailwind CSS ️ کاربرد: این پروژه یک سکوی آماده برای ساخت فروشگاه‌های اینترنتی بدون نیاز به پشتیبانی بک‌اند سنگین فراهم می‌کنه. مناسب برای توسعه‌دهندگانی که می‌خوان با تکنولوژی‌های مدرن وب یک اکومرس سبک و سریع بساز ...

  • #ecommerce
  • #sveltekit
  • #tailwindcss
  • #open_source
  • #web_development
  • #pwa
  • #static_site
  • #startup_tool

این پروژه یک نمونه کاربردی از تعویض تم در SvelteKit با استفاده از Tailwind CSS و DaisyUI است. کاربرد: این اپلیکیشن به تو امکان می‌ده تا به راحتی بین تم‌های مختلف (مثل روشن و تاریک) سوئیچ کنی، بدون نیاز به بارگذاری مجدد صفحه. در چه شرایطی بهتره استفاده بشه؟ اگر داری یک پروژه SvelteKit می‌سازی و می‌خو ...

  • #sveltekit
  • #tailwindcss
  • #daisyui
  • #theme_switch
  • #dark_mode
  • #web_development
  • #ui_design
  • #frontend
  • #theming
  • #web_apps

این پروژه یک کتابخانه از ابزارهای آماده برای فریم‌ورک Svelte است که به توسعه‌دهندگان کمک می‌کند تا سریع‌تر و کارآمدتر کدنویسی کنند ️ کاربرد: این مجموعه شامل ۸۷ ابزار (utilities) مختلف برای Svelte است که می‌تونن در ویژگی‌هایی مثل مدیریت حالت، کار با DOM، رویدادها، انیمیشن‌ها و غیره استفاده بشن در چه ...

  • #Svelte
  • #WebDevelopment
  • #Frontend
  • #UIComponents
  • #DeveloperTools
  • #OpenSource
  • #JavaScript
  • #TypeScript
  • #UtilityLibrary
  • #WebDev

این پروژه یک کامپوننت تعاملی و زیبای اسلاید بین صفحه‌ها در اپلیکیشن‌های Svelte است که با افکت مایع (Liquid Swipe) حرکت می‌کند. کاربرد: برای ایجاد تجربه کاربری جذاب در تغییر بین صفحات یا اسلایدها، مثل راهنماها، تورهای معرفی اپ، یا صفحات لاگین و ثبت‌نام. در چه شرایطی بهتره استفاده بشه؟ وقتی می‌خوای طر ...

  • #Svelte
  • #LiquidSwipe
  • #UIAnimation
  • #WebComponents
  • #InteractiveDesign
  • #Frontend
  • #SmoothTransitions
  • #UserExperience
  • #MotionDesign
  • #MicroInteractions

این پروژه یک کتابخانه جاوااسکریپتی برای اتصال MapLibre به فریم‌ورک Svelte است. کاربرد: این ابزار به تو اجازه می‌دهد تا نقشه‌های تعاملی و قدرتمند MapLibre رو به راحتی در کامپوننت‌های Svelte بکار بگیری. ️ در چه شرایطی بهتره استفاده بشه؟ اگر داری یک اپلیکیشن Svelte می‌سازی و نیاز به نمایش نقشه، علامت‌گ ...

  • #svelte
  • #maplibre
  • #webmaps
  • #gis
  • #openstreetmap
  • #interactive_map
  • #geospatial
  • #javascript
  • #frontend
  • #mapping_tool

این پروژه مجموعه‌ای از کامپوننت‌های سوئلت (Svelte) برای کار با MapLibre ارائه می‌دهد که به طور خاص برای برنامه‌های مرتبط با مدیریت آب طراحی شده است. ️ کاربرد: این کامپوننت‌ها به توسعه‌دهندگان کمک می‌کنند تا به راحتی نقشه‌های تعاملی مبتنی بر MapLibre را در برنامه‌های سوئلت خود پیاده‌سازی کنند، به ویژ ...

  • #svelte
  • #maplibre
  • #water_management
  • #gis
  • #open_source
  • #web_mapping
  • #environmental_monitoring
  • #flood_alert
  • #smart_water
  • #interactive_map

این ابزار قدرت Markdoc رو مستقیماً به برنامه‌های Svelte می‌آورد! کاربرد: با استفاده از این پیش‌پردازنده، می‌تونی فایل‌های Markdoc رو داخل کامپوننت‌های Svelte بخونی و رندر کنی. این کار ترکیب محتوا و منطق رابط کاربری رو ساده‌تر می‌کنه و بهت اجازه می‌ده از قابلیت‌های پیشرفته Markdoc مثل متغیرها، توابع ...

  • #Svelte
  • #Markdoc
  • #StaticSite
  • #WebDevelopment
  • #ContentPreprocessing
  • #Frontend
  • #SSG
  • #DeveloperTools
  • #Documentation
  • #DynamicContent

کاربرد: این پروژه مجموعه‌ای از کامپوننت‌های رابط کاربری بر پایه استاندارد Material Design برای فریم‌ورک Svelte ارائه می‌دهد. این کامپوننت‌ها به توسعه‌دهندگان کمک می‌کنند تا رابط‌های زیبا و واکنش‌گرا را به راحتی در پروژه‌های Svelte بسازند. در چه شرایطی بهتره استفاده بشه؟ وقتی داری یک پروژه Svelte می‌ ...

  • #svelte
  • #material_ui
  • #web_development
  • #ui_components
  • #frontend
  • #design_system
  • #responsive_design
  • #open_source
  • #smui
  • #component_library

این ابزار به تو امکان می‌دهد تا کوئری‌های CSS media رو به صورت واکنش‌گرا در کامپوننت‌های Svelte استفاده کنی. با استفاده از این کتابخانه، می‌تونی راحت تشخیص بدی که کاربر از چه دستگاهی (مثلاً موبایل، تبلت یا دسکتاپ) استفاده می‌کنه و رفتار کامپوننت‌ها رو تغییر بدی. کاربرد: این کتابخانه برای ساخت رابط‌ه ...

  • #responsive_design
  • #svelte
  • #media_queries
  • #web_development
  • #reactive_ui
  • #mobile_first
  • #javascript
  • #frontend
  • #ui_ux
  • #dark_mode

چه کاری انجام میده؟ این پروژه به تو اجازه میده تا با استفاده از Svelte و استایل‌های شبیه به CSS، برنامه‌های دسکتاپ نیتیو، سریع و چندسکویی بسازی. در چه شرایطی بهتره استفاده بشه؟ اگر دوست داری بدون نیاز به الکترون و بسته‌های سنگین، یک اپ دسکتاپ سبک و پرسرعت داشته باشی، این ابزار گزینه‌ی عالی‌ایه. مناس ...

  • #svelte
  • #nodegui
  • #desktop_apps
  • #cross_platform
  • #native_ui
  • #css_like_styling
  • #lightweight
  • #performant
  • #typescript
  • #gui_dev

این یک کامپوننت سوئلت است که به راحتی می‌توان از API زمان واقعی OpenAI در پروژه‌های سوئلت استفاده کرد کاربرد: این کامپوننت برای توسعه‌دهندگانی مناسب است که می‌خواهند قابلیت‌های هوش مصنوعی زنده مانند گفتگوی بلادرنگ، پاسخ‌های صوتی یا متنی فوری و تعامل پویا با مدل‌های OpenAI را در برنامه‌های خود پیاده‌ ...

  • #svelte
  • #openai
  • #realtime_api
  • #ai_integration
  • #web_development
  • #voice_assistant
  • #chatbot
  • #javascript
  • #realtime_app
  • #ai_tools

این یک کامپوننت سوئلت است که به شما اجازه می‌دهد به کلیک‌هایی که خارج از یک المان خاص اتفاق می‌افتند، گوش دهید. کاربرد: وقتی بخواهی یک منو، دیالوگ، یا داپ‌داون را ببندی وقتی کاربر خارج از آن کلیک کرد، این کامپوننت عالیه. در چه شرایطی بهتره استفاده بشه؟ وقتی از کامپوننت‌های تعاملی مثل منو یا مودال اس ...

این مجموعه‌ای از کامپوننت‌های ساده و قابل استفاده مجدد برای فریم‌ورک Svelte است که توسعه‌دهندگان را در ساخت رابط کاربری تعاملی و واکنش‌گرا یاری می‌کند. کاربرد: این کامپوننت‌ها به شما کمک می‌کنند تا بدون نوشتن مجدد کدهای پایه، بخش‌های مختلف رابط کاربری مثل دکمه‌ها، کارت‌ها، فرم‌ها و منوها را به سرعت ...

  • #svelte
  • #components
  • #webdev
  • #ui_kit
  • #reusable_components
  • #frontend
  • #javascript
  • #web_design
  • #open_source
  • #dev_tools

این یک فروشگاه (store) برای فریم‌ورک Svelte است که داده‌ها را به صورت خودکار در localStorage مرورگر ذخیره می‌کند. کاربرد: وقتی می‌خوای داده‌های کاربر مثل تم سایت، تنظیمات، سبد خرید یا وضعیت ورود (login) رو بعد از بسته شدن صفحه هم نگه داری، این ابزار کمکت می‌کنه. در چه شرایطی بهتره استفاده بشه؟ وقتی ...

این یک انتخاب‌گر مکان تعاملی و سبک مبتنی بر Svelte است که به کاربران اجازه می‌دهد به راحتی یک مکان روی نقشه انتخاب کنند. کاربرد: این ابزار برای پروژه‌هایی که نیاز به دریافت موقعیت جغرافیایی از کاربر دارند، مثل فرم‌های ثبت اطلاعات، برنامه‌های سفر، یا سرویس‌های محلی، عالیه. در چه شرایطی بهتره استفاده ...

  • #location_picker
  • #Svelte
  • #geolocation
  • #interactive_map
  • #web_dev
  • #UI_component
  • #JavaScript
  • #frontend_tool