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

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

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

  • #backToTop
  • #VueComponent
  • #UXImprovement
  • #ScrollHelper
  • #VueJS
  • #WebDesign
  • #UserExperience
  • #FrontendTool
  • #UIComponent
  • #SmoothScroll

این پروژه یک سیستم مدیریت مدرن و واکنش‌گرا برای پنل‌های ادمین میانی و پس‌офیس است با استفاده از جدیدترین فناوری‌های جلوی خط مثل Vue3، Vite5، Naive UI و Pinia ساخته شده و با JavaScript نوشته شده است کاربرد: این پروژه به تو اجازه می‌دهی بدون دستکاری در کد اصلی، قابلیت‌های جدید اضافه کنی ️ همچنین با اس ...

  • #Vue3
  • #Vite5
  • #NaiveUI
  • #Pinia
  • #AdminPanel
  • #Dashboard
  • #ModularDesign
  • #JavaScript
  • #ResponsiveDesign
  • #FrontendToolkit

این یک کامپوننت بارکد برای Vue.js است که به راحتی می‌توانید کدهای بارکد را در پروژه‌های خود نمایش دهید ️ کاربرد: این کامپوننت برای تولید و نمایش بارکدهای استاندارد (مثل CODE128, EAN, UPC و غیره) در برنامه‌های Vue.js استفاده می‌شه. می‌تونید با تنظیم چند پارامتر ساده، بارکد مورد نظرتون رو در صفحه نمای ...

  • #vuejs
  • #barcode
  • #webdevelopment
  • #ecommerce
  • #inventory
  • #pos
  • #frontend
  • #javascript
  • #labelprinting
  • #vuecomponent

این یک پلاگین بارکد اسکنر برای فریم‌ورک Vue.js است که به شما امکان می‌دهد به راحتی قابلیت اسکن بارکد را در برنامه‌های وب مبتنی بر Vue اضافه کنید کاربرد: این پلاگین برای اسکن بارکدهای QR Code، Code 128، EAN و سایر فرمت‌های رایج از طریق دوربین دستگاه (مثل موبایل یا وب‌کم) استفاده می‌شه در چه شرایطی به ...

  • #barcode_scanner
  • #VueJS
  • #QR_Code
  • #Web_Apps
  • #Inventory_System
  • #Event_Tickets
  • #Mobile_Web
  • #Camera_API
  • #PWA
  • #Scan_Tool

این یک کامپوننت چت ساده و زیبا برای فریم‌ورک Vue.js است که بدون وابستگی به بک‌اند خاصی کار می‌کند و کاملاً قابل سفارشی‌سازی و گسترش است. کاربرد: این کامپوننت برای اضافه کردن سیستم چت به برنامه‌های Vue مناسب است، بدون نیاز به تغییر در بک‌اند. می‌تونی ازش برای چت‌های کاربری، پشتیبانی آنلاین یا چت بین ...

  • #vue
  • #chat_component
  • #frontend
  • #customizable
  • #realtime_chat
  • #support_chat
  • #web_development
  • #javascript
  • #open_source
  • #vuejs

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

  • #VueComponents
  • #InteractiveUI
  • #CustomizableDesign
  • #VueJS
  • #WebAnimation
  • #FrontendDev
  • #OpenSource
  • #LandingPage
  • #UIUX
  • #DavidHDev

این یک الگوی آماده برای توسعه سریع وب‌های مدیریتی (BSide) با قابلیت بین‌المللی‌سازی است. کاربرد: این پروژه برای ساخت سریع سیستم‌های مدیریتی مبتنی بر Vue3 طراحی شده و تمام ابزارهای ضروری را از پیش پیکربندی کرده است. از Vue3، Vite 7، Pinia 2، TypeScript، Element Plus، Vue Router 4، UnoCSS و vuei18nnex ...

  • #Vue3
  • #Vite
  • #Pinia
  • #TypeScript
  • #i18n
  • #AdminTemplate
  • #UnoCSS
  • #ElementPlus
  • #StarterKit
  • #ModularAdmin

این یک پروژهٔ شروع سریع برای توسعهٔ وب با فناوری‌های مدرن است که ترکیبی از Vue 3، Bootstrap 5، Pinia، Vue Router، Sass/Scss و ESLint را فراهم می‌کند. کاربرد: این استارتر کیت برای ساخت برنامه‌های تک‌صفحه‌ای (SPA) با رابط کاربری زیبا و واکنش‌گرا طراحی شده. مناسب توسعهٔ سریع و استقرار پروژه‌های شخصی، ش ...

این پروژه یک سیستم کنترل دسترسی کاربر (ACL) برای فریم‌ورک Vue.js فراهم می‌کند تا مدیریت دسترسی کاربران در رابط کاربری را آسان‌تر کند. ️ کاربرد: این کتابخانه به تو اجازه می‌ده تا بر اساس نقش (role) یا مجوزهای کاربر، المان‌های رابط کاربری مثل دکمه‌ها، منوها یا بخش‌های خاصی از صفحه را نمایش یا مخفی کنی ...

  • #VueJS
  • #AccessControl
  • #ACL
  • #UserRoles
  • #FrontendSecurity
  • #WebDevelopment
  • #VueComponents
  • #RoleBasedUI
  • #UX
  • #Authorization

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

  • #vue
  • #shopping_cart
  • #ecommerce
  • #frontend
  • #javascript
  • #web_development
  • #vuejs
  • #simple_cart
  • #digital_store
  • #web_app

کاربرد: این پروژه یک مجموعه کامپوننت‌های Vue 3.x برای کار با CesiumJS فراهم می‌کنه، که به توسعه‌دهندگان اجازه می‌ده تا به راحتی از قابلیت‌های نقشه‌برداری سه‌بعدی، نمایش داده‌های جغرافیایی و شبیه‌سازی فضایی در اپلیکیشن‌های وب استفاده کنند. در چه شرایطی بهتره استفاده بشه؟ وقتی که نیاز داری یک رابط کار ...

  • #Vue3
  • #CesiumJS
  • #GIS
  • #WebGL
  • #3DMapping
  • #Geospatial
  • #SmartCities
  • #SatelliteTracking
  • #InteractiveMaps
  • #VueComponents

این یک پلاگین برای Vue.js است که امکان استفاده از کتابخانه Chartist.js رو در کامپوننت‌های ویو فراهم می‌کنه کاربرد: این پلاگین به شما کمک می‌کنه به راحتی نمودارهای زیبا و واکنش‌گرا با استفاده از Chartist.js در پروژه‌های Vue 2 بسازید. مناسب برای داشبوردهای آماری، گزارش‌های مالی و نمایش داده‌های تحلیلی ...

  • #vuejs
  • #chartist
  • #data_visualization
  • #dashboard
  • #statistics
  • #web_development
  • #charts
  • #frontend
  • #analytics
  • #vue_plugin

کاربرد: این یک پوشش‌دهنده (wrapper) Vue.js برای کتابخانه Chart.js هست که به تو امکان می‌ده تا نمودارهای زیبا و پویا رو به راحتی در کامپوننت‌های Vue ایجاد کنی در چه شرایطی بهتره استفاده بشه؟ وقتی داری یک پروژه Vue.js می‌سازی و نیاز به نمایش داده‌های بصری مثل نمودارهای خطی، میله‌ای، دایره‌ای یا راداری ...

  • #vuejs
  • #chartjs
  • #data_visualization
  • #dashboard
  • #web_development
  • #frontend
  • #recharts
  • #javascript
  • #responsive_design
  • #web_apps

این یک پروژه چت موبایلی با فناوری‌های مدرن است که با استفاده از Vue.js در فرانت‌اند و Koa در بک‌اند همراه با Socket.IO برای ارتباط بلادرنگ و Vant به عنوان کتابخانه UI ساخته شده است. کاربرد: این پروژه به عنوان یک نمونه کامل از یک اپلیکیشن چت بلادرنگ در محیط موبایل عمل می‌کند و برای یادگیری توسعه فول‌ ...

  • #vue
  • #nodejs
  • #socketio
  • #chat_app
  • #fullstack
  • #koa
  • #vant
  • #mobile_app
  • #realtime_chat
  • #web_development

این پروژه یک تک‌برگ (cheat sheet) ساده و کاربردی برای مفاهیم پایه‌ای ویو.جی (Vue.js) است که به توسعه‌دهندگان کمک می‌کند به سرعت دستورات، سینتکس و ویژگی‌های اصلی این فریم‌ورک را مرور کنند. چه کسی ازش استفاده کنه؟ این تک‌برگ بیشتر برای مبتدیان و یا کسانی که تازه با Vue.js کار می‌کنند مناسب است. همچنین ...

  • #VueJS
  • #Frontend
  • #WebDevelopment
  • #CheatSheet
  • #JavaScript
  • #VueTips
  • #BeginnerFriendly
  • #Coding
  • #WebDev
  • #VueComponents

این یک نسخهٔ اصلاح‌شده از چیت‌شیت رسمی VueMastery برای فریم‌ورک Vue.js است. کاربرد: به عنوان یک راهنمای سریع و مرجع بصری برای توسعه‌دهندگانی که با Vue 3 کار می‌کنند، طراحی شده. در چه شرایطی بهتره استفاده بشه؟ وقتی نیاز داری یک مرور سریع روی سینتکس‌ها، کامپوزابل‌ها، Reactivity، Components یا Directiv ...

  • #VueJS
  • #Cheatsheet
  • #Frontend
  • #WebDevelopment
  • #Vue3
  • #CompositionAPI
  • #DeveloperTools
  • #Coding
  • #VueMastery
  • #VueTips

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

  • #chess
  • #vuejs
  • #webdevelopment
  • #chessboard
  • #interactiveUI
  • #gamedev
  • #opentools
  • #chessengine
  • #frontend
  • #VueComponent

این یک کتابخانهٔ سبک و واکنش‌گرا برای کار با APIهای RESTful در فریم‌ورک Vue.js است کاربرد: این ابزار به تو اجازه می‌ده تا به راحتی با APIهای REST کار کنی، بدون نیاز به نوشتن کدهای تکراری برای درخواست‌های HTTP در چه شرایطی بهتره استفاده بشه؟ وقتی داری یک اپلیکیشن Vue می‌نویسی و نیاز داری به صورت پویا ...

  • #vuejs
  • #restapi
  • #reactive
  • #frontend
  • #webdev
  • #javascript
  • #chimera
  • #api_client
  • #vue_composables
  • #http_client

چطور می‌تونی یه نقشهٔ پویای چین رو با Vue بسازی؟ این پروژه با ترکیب Vue، Vuex، Axios و ECharts یه نقشهٔ چین می‌سازه که داده‌هاش به صورت پویا آپدیت می‌شن. کاربرد: این نقشه می‌تونه برای نمایش آمارهای منطقه‌ای مثل جمعیت، آلودگی هوا، فروش محصولات یا هر دادهٔ جغرافیایی دیگه استفاده بشه. در چه شرایطی بهتر ...

  • #Vue
  • #ECharts
  • #ChinaMap
  • #DataVisualization
  • #Vuex
  • #Axios
  • #DynamicMap
  • #WebDevelopment

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

  • #vuejs
  • #progress_bar
  • #circle_progress
  • #animation
  • #web_development
  • #ui_components
  • #frontend
  • #javascript
  • #dashboard_ui
  • #responsive_design

این پروژه یک سیستم مدیریت پس‌آفیس است که با استفاده از Vue.js، Vue CLI 3.0 و کتابخانه Element UI ساخته شده و از Vuex برای مدیریت وضعیت، Axios برای درخواست‌های HTTP و یک سیستم مدیریت دسترسی برای کنترل نقش‌ها و مجوزها استفاده می‌کند. کاربرد: این پروژه برای توسعه‌ی سریع پنل‌های مدیریتی و برنامه‌های مبت ...

  • #VueAdmin
  • #ElementUI
  • #VueCLI3
  • #RoleBasedAccess
  • #SPA
  • #FrontendDashboard
  • #Vuex
  • #Axios
  • #ManagementSystem
  • #VueProject

کاربرد: این ابزار یک باندینگ ساده برای استفاده از clipboard.js در فریم‌ورک Vue.js نسخه 2 است. به کمک آن می‌توانید به راحتی عملکرد کپی متن به کلیپ‌بورد را در کامپوننت‌های ویو پیاده‌سازی کنید. در چه شرایطی بهتره استفاده بشه؟ وقتی در حال ساخت یک اپلیکیشن Vue 2 هستید و نیاز دارید که کاربران بتوانند با ی ...

  • #vue2
  • #clipboard
  • #copyToClipboard
  • #frontend
  • #webDevelopment
  • #javascript
  • #vuePlugins
  • #uiUX

کاربرد: این پلاگین به تو اجازه می‌ده تا به راحتی اپلیکیشن‌های Vue.js رو با Electron برای دسکتاپ بسازی و بسته‌بندی کنی. بدون نیاز به تنظیمات پیچیده، می‌تونی نسخه‌های ویندوز، مک و لینوکس رو ایجاد کنی. در چه شرایطی بهتره استفاده بشه؟ اگر داری یه اپ وب با Vue CLI می‌سازی و حالا می‌خوای همون اپ رو به عنو ...

  • #Electron
  • #VueJS
  • #DesktopApp
  • #VueCLI
  • #CrossPlatform
  • #DeveloperTools
  • #OpenSource
  • #BuildTool
  • #Frontend
  • #WebToDesktop

این پلاگین به توسعه‌دهندگان کمک می‌کند تا اپلیکیشن‌های Vue.js خود را قبل از اجرا (prerender) کنند تا عملکرد بهتری در موتورهای جستجو داشته باشند. کاربرد: این ابزار برای بهبود سئو (SEO) در اپلیکیشن‌های تک صفحه‌ای (SPA) استفاده می‌شه، چون موتورهای جستجو ممکن است نتوانند محتوای داینامیک را به خوبی ایندک ...

  • #prerendering
  • #VueJS
  • #SEO
  • #SPA
  • #StaticRendering
  • #WebPerformance
  • #Frontend
  • #VueCLI
  • #Optimization
  • #SinglePageApp

این یک پلاگین رسمی برای Vue CLI است که به توسعه‌دهندگان اجازه می‌دهد تا به راحتی از Quasar Framework در پروژه‌های Vue.js خود استفاده کنند. کاربرد: این پلاگین امکان افزودن قابلیت‌های Quasar — مانند کامپوننت‌های UI، تم‌های واکنش‌گرا و ابزارهای ساخت چندسکویی — را به یک پروژه Vue CLI فراهم می‌کند. همچنی ...

  • #quasar
  • #vuejs
  • #vuecli
  • #pwa
  • #spa
  • #mobileapp
  • #webdevelopment
  • #frontend
  • #uiux
  • #crossplatform

این پروژه یک قالب آماده برای توسعه‌ی اپلیکیشن‌های چندسکویی با استفاده از Vue CLI و uniapp است. ️ کاربرد: این قالب به شما کمک می‌کنه تا با یک ساختار پیش‌فرض و تنظیمات از پیش تعریف شده، سریع‌تر شروع به ساخت اپلیکیشن کنید که بتواند روی چندین پلتفرم مثل موبایل (iOS و Android)، وب و حتی اپلیکیشن‌های دسکت ...

  • #uniapp
  • #vuecli
  • #cross_platform
  • #vuejs
  • #mobile_app
  • #web_app
  • #frontend
  • #template
  • #rapid_development
  • #pwa

ویرایشگر کد قدرتمند برای Vue.js با استفاده از CodeMirror ️ کاربرد: این کامپوننت به تو اجازه میده تا به راحتی یک ویرایشگر کد تعاملی و حرفهای رو در پروژههای Vue خود جاسازی کنی. مناسب برای ابزارهای توسعه، ویرایشگرهای آنلاین یا هر جایی که نیاز به هایلایت کد داری. در چه شرایطی بهتره استفاده بشه؟ وقتی دنب ...

  • #VueComponent
  • #CodeMirror
  • #WebDevelopment
  • #CodeEditor
  • #Vue3
  • #FrontendTools
  • #DeveloperTools
  • #Programming
  • #OnlineIDE
  • #VueJS

این یک کامپوننت Vue برای استفاده از CodeMirror 6 در پروژه‌های ویو است کاربرد: وقتی می‌خوای یک ویرایشگر کد قدرتمند و زیبا توی اپلیکیشن Vue خودت داشته باشی، این کتابخونه دقیقاً چیزیه که نیاز داری! ️ در چه شرایطی بهتره استفاده بشه؟ وقتی داری یک ابزار توسعه، ویرایشگر آنلاین کد، یا سیستمی با ورودی کد (مث ...

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

  • #avatar_generator
  • #frontend_fun
  • #vuejs
  • #colorful_ui
  • #no_server_needed
  • #creative_design
  • #web_tool
  • #personalization
  • #fun_project
  • #vue_component

یک سیستم نظرات واکنش‌گرا با قابلیت مدیریت کاربران، ساخته‌شده با Vue.js و CSS Grid کاربرد: این پلاگین برای افزودن سیستم نظرات به وب‌سایت‌ها و وب‌اپلیکیشن‌های شخصی، بلاگ‌ها یا پروژه‌های نمایشی مناسب است و از Firebase برای احراز هویت و ذخیره‌سازی داده‌ها استفاده می‌کند. در چه شرایطی بهتره استفاده بشه؟ ...

  • #vuejs
  • #comment_system
  • #firebase_auth
  • #css_grid
  • #responsive_design
  • #web_development
  • #frontend
  • #javascript
  • #open_source
  • #tugayyaldiz

این یک کامپایلر قالب ویو است که با زبان رست بازنویسی شده است! کاربرد: این ابزار برای کامپایل کردن قالب‌های ویو (Vue.js) در محیط‌هایی که عملکرد بالا و سرعت اجرا مهم است، مناسب است. با استفاده از رست، این پروژه سرعت بیشتری نسبت به پیاده‌سازی جاوااسکریپتی اصلی دارد. در چه شرایطی بهتره استفاده بشه؟ وقتی ...

  • #VueCompiler
  • #RustLang
  • #WebDevelopment
  • #FrontendTools
  • #TemplateCompiler
  • #VueJS
  • #HighPerformance
  • #BuildTools
  • #SSR
  • #CompilerOptimization

این پروژه یک مخزن آموزشی برای دوره Vue 3 است که توسط Maximilian Schwarzmüller در اودمی ارائه شده است. کاربرد: این مخزن به تو کمک می‌کنه تا Vue.js 3 رو از پایه تا پیشرفته یاد بگیری، شامل مباحثی مثل Composition API, Reactiveness, Routing و State Management با Pinia. در چه شرایطی بهتره استفاده بشه؟ اگر ...

  • #Vue3
  • #Frontend
  • #WebDevelopment
  • #VueJS
  • #Pinia
  • #CompositionAPI
  • #UdemyCourse
  • #JavaScript
  • #SPA
  • #LearnToCode

این یک کتابخانه ویو جی‌اس است که به توسعه‌دهندگان کمک می‌کنه تا محتوای ساختگی (فیک) و پیش‌فرض برای صفحات در حال بارگذاری ایجاد کنند، مشابه نوارهای خاکستری که در فیسبوک هنگام لود شدن محتوا نمایش داده می‌شه. کاربرد: این کامپوننت‌ها برای بهبود تجربه کاربری (UX) استفاده می‌شن، چون به کاربر نشون می‌دن که ...

  • #VueJS
  • #ContentPlaceholder
  • #SkeletonScreen
  • #UXDesign
  • #WebDevelopment
  • #LoadingState
  • #VueComponents
  • #Frontend
  • #ProgressiveLoading
  • #UIUX

این یک کامپوننت ویو است که یک نوار در صفحه نمایش می‌دهد تا کاربر بتواند کوکی‌ها را قبول یا رد کند. این ابزار به خوبی برای رعایت مقررات حفظ حریم خصوصی مثل GDPR مناسب است. کاربرد: این کامپوننت به شما کمک می‌کند تا اجازه کاربر را قبل از استفاده از کوکی‌ها دریافت کنید و انتخابش را در کوکی ذخیره کنید. هم ...

  • #VueJS
  • #GDPR
  • #CookieConsent
  • #Privacy
  • #WebSecurity
  • #Frontend
  • #VueComponent
  • #UserConsent
  • #Cookies
  • #VuePlugins

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

  • #vue
  • #country_flag
  • #web_component
  • #i18n
  • #ui_component
  • #frontend
  • #flags
  • #vuejs
  • #internationalization
  • #ux

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

  • #VueJS
  • #CRUD
  • #RESTfulAPI
  • #WebDevelopment
  • #Frontend
  • #VueComponents
  • #AdminPanel
  • #JavaScript
  • #SinglePageApp
  • #DataManagement

این یک کامپوننت Vue.js است که به کاربران اجازه میده یک فایل CSV انتخاب کنند، ستون‌های آن را به فیلدهای مورد نظر نگاشت کنند و در نهایت داده‌ها را به یک آدرس مشخص ارسال کنند. کاربرد: این کامپوننت برای موقعیت‌هایی مناسب است که نیاز دارید داده‌های انبوه از طریق فایل CSV وارد سیستم شوند، مثل بارگذاری اطل ...

  • #csv_import
  • #vue_component
  • #data_mapping
  • #file_upload
  • #bulk_data
  • #web_development
  • #vuejs
  • #frontend_tool
  • #data_integration
  • #user_friendly

این یک کامپوننت ویو جی‌اس برای انتخاب تاریخ و زمان است که امکان انتخاب محدوده (range) را هم فراهم می‌کند. کاربرد: این کامپوننت برای فرم‌هایی که نیاز به انتخاب تاریخ، زمان یا یک بازه زمانی دارند، مناسب است. مثلاً رزرواسیون، برنامه‌ریزی رویدادها یا فیلترهای تاریخ در داشبوردها. در چه شرایطی بهتره استفا ...

  • #VueJS
  • #DateTimePicker
  • #RangePicker
  • #UIComponent
  • #WebDevelopment
  • #Frontend
  • #JavaScript
  • #VueComponent
  • #FormInput
  • #UXDesign

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

  • #VueJS
  • #CustomCursor
  • #InteractiveDesign
  • #SSR
  • #WebAnimation
  • #UXDesign
  • #NuxtJS
  • #MouseEffect
  • #CreativeUI
  • #FrontendDev

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

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

  • #darkmode
  • #VueJS
  • #DesignSystem
  • #MinimalistUI
  • #WebDevelopment
  • #Frontend
  • #UIkit
  • #InsomniacFriendly

این یک قالب ساده، سبک و واکنش‌گرا برای ساخت داشبوردهای مبتنی بر Vue.js است. کاربرد: این پروژه به تو کمک می‌کنه تا یک داشبورد زیبا و حرفه‌ای رو بدون دردسر زیاد و با حداقل کدنویسی بسازی. مناسب برای ابزارهای مدیریت، سیستم‌های آماری یا هر پنل کاربری که نیاز به طراحی تمیز داره. ️ در چه شرایطی بهتره استفا ...

  • #VueDashboard
  • #LightweightUI
  • #ResponsiveDesign
  • #VueJS
  • #AdminPanel
  • #WebDashboard
  • #FrontendTool
  • #CleanCode
  • #DashboardTemplate
  • #VueComponents

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

  • #data_dashboard
  • #vuejs
  • #data_visualization
  • #web_analytics
  • #realtime_data
  • #business_intelligence
  • #dashboard_ui
  • #analytics_tool

کاربرد: این کتابخانه یک مجموعه کامپوننت‌های داده‌ای متن‌باز برای Vue 3 هست که به تو اجازه می‌ده تا داده‌ها رو به شکلی زیبا و گویا نمایش بدی از نمودارهای پویا گرفته تا داشبوردهای تعاملی، همه چیز برای داستان‌سرایی داده‌ای (data storytelling) طراحی شده. در چه شرایطی بهتره استفاده بشه؟ وقتی داری یک اپلی ...

  • #data_visualization
  • #vue3
  • #open_source
  • #dashboard
  • #charts
  • #ui_components
  • #data_storytelling
  • #web_development
  • #interactive_ui
  • #vuejs

این یک کامپوننت تقویم و انتخاب تاریخ برای Vue 3 است که به راحتی قابل استفاده در پروژه‌های مدرن وب است کاربرد: این کامپوننت به شما امکان می‌دهد به راحتی یک تقویم تعاملی برای انتخاب تاریخ (و یا بازهٔ تاریخ) در فرم‌ها، پنل‌های مدیریت، سیستم‌های رزرو و غیره اضافه کنید در چه شرایطی بهتره استفاده بشه؟ وقت ...

  • #Vue3
  • #DatePicker
  • #VueComponent
  • #WebDevelopment
  • #UIComponents
  • #Frontend
  • #FormElements
  • #OpenSource
  • #VuePlugins
  • #DateRangePicker

این پروژه یک نمونه کاربردی از فناوری‌های مدرن توسعه وب است که با Vue.js و اکوسیستم اطراف آن ساخته شده. از Vue Router برای مدیریت مسیرها، Webpack برای باندلینگ، و axios برای درخواست‌های HTTP استفاده می‌کند. همچنین با ECharts نمودارهای پیچیده را نمایش می‌دهد و UEditor امکان ویرایش متن غنی (Rich Text) ...

  • #VueJS
  • #Dashboard
  • #ECharts
  • #ElementUI
  • #Webpack
  • #Axios
  • #RichText
  • #MapIntegration
  • #AdminPanel
  • #DataVisualization

کاربرد: این پروژه یک نمونه SSR (ServerSide Rendering) با استفاده از Vue، TypeScript و Vuex است که بر پایه Genesis ساخته شده. به توسعه‌دهندگان کمک می‌کند تا ببینند چگونه یک اپلیکیشن Vue با قابلیت اجرای سمت سرور و مدیریت حالت مرکزی (Vuex) را با TypeScript پیاده‌سازی کنند. در چه شرایطی بهتره استفاده بش ...

  • #Vue
  • #SSR
  • #TypeScript
  • #Vuex
  • #Genesis
  • #WebDevelopment
  • #Frontend
  • #ServerSideRendering
  • #TypeSafe
  • #StateManagement

این یک پروژه نمونه از یک اپلیکیشن فروش آنلاین (مانند دیلیوری غذا) با استفاده از Vue.js نسخه 2.x است که البته با نام مستعار "Ele" اشاره به سرویس‌هایی مثل Ele.me دارد. /vue کاربرد: این پروژه به عنوان یک نمونه آموزشی برای توسعه‌دهندگان فرانت‌اند طراحی شده تا نحوه ساخت یک اپلیکیشن تک‌صفحه‌ای (SPA) با Vu ...

  • #VueJS
  • #Vue2
  • #Frontend
  • #SPA
  • #Vuex
  • #VueRouter
  • #WebDevelopment
  • #JavaScript
  • #UI
  • #FoodApp

کاربرد: این ابزار یک سیستم طراحی رابط کاربری (UI Design System) مبتنی بر Vue.js است که به توسعه‌دهندگان کمک می‌کند تا مؤلفه‌های قابل استفاده مجدد، سبک‌های یکدست و مستندات شفاف برای پروژه‌های خود ایجاد کنند. ️ در چه شرایطی بهتره استفاده بشه؟ وقتی داری روی یک پروژه بزرگ با تیم طراحی و توسعه کار می‌کنی ...

  • #VueJS
  • #DesignSystem
  • #UIComponents
  • #Frontend
  • #ComponentLibrary
  • #WebDevelopment
  • #OpenSource
  • #VueComponents
  • #DeveloperTools
  • #DesignToCode

این پروژه یک نمونه کاربردی از ترکیب Vue.js در فرانت‌اند و Django Rest Framework در بک‌اند است که با استفاده از کتابخانه djangorestauth امکان احراز هویت کاربران (مثل ثبت‌نام، ورود، خروج و تأیید ایمیل) را فراهم می‌کند. کاربرد: این پروژه به توسعه‌دهندگان کمک می‌کند تا سریع یک سیستم احراز هویت کامل و ام ...

  • #VueJS
  • #Django
  • #REST_API
  • #Authentication
  • #WebDevelopment
  • #FullStack
  • #JavaScript
  • #Python
  • #SPA
  • #django_rest_auth

این یک پلاگین Vue.js است که امکان کشیدن و رها کردن (Drag and Drop) را به راحتی در پروژه‌های شما فراهم می‌کند. کاربرد: این پلاگین به شما کمک می‌کند تا المان‌های رابط کاربری را قابل کشیدن و رها کردن کنید، بدون نیاز به نوشتن کدهای پیچیده. مناسب برای ساخت لیست‌های قابل مرتب‌سازی، برد کاری (مثل Trello)، ...

  • #vuejs
  • #draganddrop
  • #webdevelopment
  • #frontend
  • #uiux
  • #javascript
  • #dnd
  • #webcomponents
  • #trelloclone
  • #interactiveui

کاربرد: این پلتفرم یک سیستم وبلاگ‌نویسی است که با ترکیب Laravel و Vue.js ساخته شده و به توسعه‌دهندگان اجازه می‌دهد وبلاگ‌های مدرن و پویا ایجاد کنند. در چه شرایطی بهتره استفاده بشه؟ اگر دنبال یک وبلاگ سبک، قابل توسعه و با رابط کاربری تعاملی هستی، Vuedo گزینه مناسبیه. به‌ویژه وقتی از اکوسیستم Laravel ...

  • #blog_platform
  • #Laravel
  • #VueJS
  • #Web_Development
  • #Open_Source
  • #SPA
  • #Content_Management
  • #Developer_Tool
  • #Modern_Web
  • #Vue_Dev

کاربرد: این یک کامپوننت جهانی برای قابلیت کشیدن و رها کردن (DragandDrop) در ویو است که از هم Vue 3 و هم Vue 2 پشتیبانی می‌کند. با استفاده از این کامپوننت، توسعه‌دهندگان می‌توانند به راحتی لیست‌ها، آیتم‌ها یا المان‌های رابط کاربری را قابل کشیدن و جابه‌جایی کنند. در چه شرایطی بهتره استفاده بشه؟ وقتی ن ...

  • #VueDragAndDrop
  • #VueComponent
  • #Draggable
  • #Vue3
  • #Vue2
  • #UIInteraction
  • #FrontendTool
  • #WebDevelopment
  • #KanbanBoard
  • #SortableList

این یک کامپوننت ویو (Vue) برای کشیدن و تغییر اندازه عناصر در صفحه است که از هم Vue2 و هم Vue3 پشتیبانی می‌کند. ️ کاربرد: با استفاده از این کامپوننت می‌تونی هر عنصری مثل دیو، کارت، پنجره یا ویجت رو قابل کشیدن (drag) و تغییر اندازه (resize) کنی. این ویژگی در ابزارهای طراحی، داشبوردها، ویرایشگرهای بصری ...

  • #vue
  • #drag_and_drop
  • #resizeable
  • #dashboard
  • #ui_components
  • #vue3
  • #vue2
  • #web_development
  • #interactive_ui

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

  • #VueJS
  • #DragAndDrop
  • #Resize
  • #Rotate
  • #Scale
  • #UIComponents
  • #WebDesign
  • #InteractiveUI
  • #VuePlugins
  • #LayoutBuilder

کاربرد: این یک جدول دادهٔ قدرتمند مبتنی بر Vue.js هست که می‌تونی به جای یه دیتای گرید یا حتی مثل اکسل و گوگل شیت ازش استفاده کنی. ویژگی‌های مهمش شامل اسکرول مجازی، ویرایش سلولی، فیلتر، سورت و قابلیت شخصی‌سازی بالاست. در چه شرایطی بهتره استفاده بشه؟ وقتی با داده‌های حجیم کار می‌کنی و نیاز داری اون‌ها ...

  • #vuejs
  • #datatable
  • #webdev
  • #frontend
  • #excel_like_table
  • #virtual_scroll
  • #data_grid
  • #editable_cells
  • #javascript
  • #admin_panel

این یک دستور سفارشی ساده و انعطاف‌پذیر برای استفاده از ECharts در برنامه‌های Vue.js نسخه 2.x.x است. کاربرد: این دستور به تو اجازه می‌دهد بدون دردسر زیاد، نمودارهای قدرتمند ECharts رو به راحتی در کامپوننت‌های Vue.js خود جاسازی کنی. در چه شرایطی بهتره استفاده بشه؟ وقتی با Vue 2 کار می‌کنی و نیاز به نم ...

  • #vuejs
  • #echarts
  • #data_visualization
  • #web_development
  • #charts
  • #frontend
  • #javascript
  • #directives
  • #vue_directive
  • #data_dashboard

این یک کامپوننت Vue.js برای استفاده از کتابخانه ECharts.js در پروژه‌های ویو است و با نسخه‌های 2.x+ ویو و 3.x+ اچ‌چارت سازگار است. کاربرد: این کامپوننت به شما امکان می‌دهد به راحتی نمودارهای پیچیده و تعاملی با استفاده از ECharts در برنامه‌های Vue.js بسازید، بدون نیاز به مدیریت دستی نمونه‌های چارت یا ...

  • #VueComponent
  • #ECharts
  • #DataVisualization
  • #VueJS
  • #InteractiveCharts
  • #Dashboard
  • #WebAnalytics
  • #Frontend
  • #JavaScript
  • #ChartLibrary

کاربرد: یک داشبورد مدیریتی قدرتمند و آماده استفاده بر پایه Vue.js و Element UI هست که به توسعه‌دهندگان کمک می‌کنه سریع یک پنل مدیریت حرفه‌ای بسازن. در چه شرایطی بهتره استفاده بشه؟ اگر داری یک پروژه مدیریتی مثل سیستم فروش، کنترل پنل کاربران یا سیستم گزارش‌دهی می‌سازی، این پروژه گزینه عالی‌ایه. همچنین ...

  • #vue
  • #admin_dashboard
  • #element_ui
  • #web_development
  • #frontend
  • #dashboard_template
  • #vuejs
  • #spa
  • #management_panel
  • #open_source

این پروژه یک نسخهٔ بازنویسی‌شده با TypeScript از vueelementadmin است که یک داشبورد مدیریتی قدرتمند مبتنی بر Vue.js و Element UI است. کاربرد: این پروژه به توسعه‌دهندگان کمک می‌کند تا با استفاده از TypeScript، داشبوردهای مدیریتی حرفه‌ای و قابل نگهداری بسازند. امنیت کد، قابلیت توسعه و کاهش باگ‌های زمان ...

  • #VueJS
  • #TypeScript
  • #ElementUI
  • #AdminDashboard
  • #WebDevelopment
  • #Frontend
  • #RoleBasedAccess
  • #DynamicRouting
  • #CodeQuality
  • #CleanArchitecture

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

  • #Vue3
  • #TypeScript
  • #ElementPlus
  • #Vite
  • #AdminPanel
  • #WebDevelopment
  • #Frontend
  • #Dashboard
  • #CRUD
  • #SPA

این یک الگوی پس‌زمینه (dashboard template) واکنش‌گرا بر پایه Vue.js و Element UI است که برای توسعه رابط‌های کاربری مدیریتی و پنل‌های کنترل طراحی شده. کاربرد: این پروژه به توسعه‌دهندگان کمک می‌کند تا به سرعت یک پنل مدیریتی حرفه‌ای و واکنش‌گرا بسازند، بدون اینکه نیاز باشد از صفر شروع کنند. در چه شرایط ...

  • #VueJS
  • #ElementUI
  • #ResponsiveDesign
  • #DashboardTemplate
  • #AdminPanel
  • #WebDevelopment
  • #Frontend
  • #SPA
  • #UIUX
  • #Template

چه کاری انجام میده؟ این یک الگوی پیشرفته و نظری برای شروع پروژه‌های جدید Vue به صورت تک‌صفحه‌ای (SPA) هست که با Vue CLI ساخته شده. ️ شامل معماری ساختاریافته، تنظیمات توسعه‌ای حرفه‌ای و ابزارهای لازم برای پروژه‌های بزرگ سازمانیه. کاربرد: برای تیم‌های توسعه‌ی حرفه‌ای که می‌خوان یک پایه‌ی قوی، قابل نگه ...

  • #VueJS
  • #SPA
  • #EnterpriseApp
  • #FrontendArchitecture
  • #VueCLI
  • #DevEnvironment
  • #CodeQuality
  • #TypeScript
  • #CI_CD
  • #ScalableApp

کاربرد: این پروژه یک الگوی آماده برای ساخت برنامه‌های کامل فول‌استک با استفاده از Vue.js در سمت کلاینت، Node.js و Express در سمت سرور و MongoDB به عنوان پایگاه داده است. این ترکیب معروف به MEVN Stack (MongoDB, Express, Vue, Node) هست و برای توسعه سریع وب‌اپلیکیشن‌های مدرن مناسب است. در چه شرایطی بهت ...

  • #MEVN
  • #VueJS
  • #ExpressJS
  • #MongoDB
  • #NodeJS
  • #FullStack
  • #WebDevelopment
  • #Boilerplate
  • #SPA
  • #JavaScript

این پروژه یک پلتفرم مدیریت مدرن و سبک است که با ترکیب FastAPI، Vue3 و Naive UI ساخته شده است. کاربرد: این پروژه برای توسعه‌دهندگانی مناسب است که می‌خواهند به سرعت یک پنل مدیریت حرفه‌ای با بک‌اند قدرتمند (Python/FastAPI) و فرانت‌اند زیبا (Vue3 + Naive UI) بسازند. ️ در چه شرایطی بهتره استفاده بشه؟ وقت ...

  • #admin_panel
  • #fastapi
  • #vue3
  • #naiveui
  • #web_development
  • #python
  • #typescript
  • #fullstack
  • #dashboard
  • #lightweight_project

این یک کامپوننت فیثر برای Vue.js است که به راحتی می‌توانید آیکون‌های زیبا و سبک Feather را در پروژه‌های خود استفاده کنید. کاربرد: این کامپوننت برای استفاده از آیکون‌های Feather در برنامه‌های Vue طراحی شده و بدون نیاز به بارگذاری تمام کتابخانه، فقط آیکون مورد نظر را فراخوانی می‌کند. در چه شرایطی بهتر ...

  • #VueJS
  • #FeatherIcons
  • #UIComponents
  • #WebDevelopment
  • #Lightweight
  • #Frontend
  • #VueComponents
  • #Icons

این یک کامپوننت رابط کاربری برای ایجاد منوهای فایل و نوار ابزار در برنامه‌های Vue است ️ کاربرد: این پروژه به تو کمک می‌کنه تا منوهای استاندارد مثل فایل، ویرایش، نمایش و غیره رو به راحتی در برنامه‌های Vue.js پیاده‌سازی کنی، مشابه نرم‌افزارهای دسکتاپ. در چه شرایطی بهتره استفاده بشه؟ اگر داری یک برنامه ...

  • #VueComponent
  • #FileMenu
  • #ToolbarUI
  • #VueApps
  • #DesktopUI
  • #UIkit
  • #ElectronApp
  • #FrontendTool
  • #VueJS
  • #WebComponents

این یک کامپوننت مودال سبک و قدرتمند برای فریم‌ورک Vue.js است که بدون رندر اولیه (renderless) طراحی شده و مناسب پروژه‌های موبایل و دسکتاپ است کاربرد: وقتی به یک مودال انعطاف‌پذیر، سفارشی‌سازی‌شده و بدون استایل پیش‌فرض نیاز داری، این کامپوننت گزینه عالی‌ایه. چون renderless هست، کاملاً کنترل ظاهر و رفت ...

  • #VueModal
  • #VueComponent
  • #RenderlessUI
  • #MobileFriendly
  • #CustomizableModal
  • #Vue3
  • #Vue2
  • #UIkit
  • #VuePlugins
  • #WebDevelopment

کاربرد: این پروژه ابزاری برای اتصال سریع و آسان فریم‌ورک Vue.js به سرویس‌های Firebase از گوگل هست. با استفاده از این کتابخانه، تو می‌تونی داده‌های بلادرنگ Firebase مثل Realtime Database یا Firestore رو به راحتی به کامپوننت‌های Vue متصل کنی و بدون نیاز به کدنویسی زیاد، تغییرات رو به صورت خودکار در UI ...

  • #VueJS
  • #Firebase
  • #RealtimeApp
  • #VueFire
  • #WebDevelopment
  • #PWA
  • #CompositionAPI
  • #Vue3
  • #Firestore
  • #NoBackend

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

  • #flash_message
  • #vue_component
  • #ui_notification
  • #success_message
  • #error_handling
  • #user_feedback
  • #vue3
  • #web_development
  • #frontend
  • #ux_design

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

  • #vue3
  • #flowchart
  • #diagram
  • #webdevelopment
  • #minimap
  • #interactiveui
  • #grapheditor
  • #draganddrop
  • #frontend
  • #visualprogramming

این یک فریم‌ورک فرم منبع‌باز برای Vue.js است که به توسعه‌دهندگان کمک می‌کند تا فرم‌های پیچیده و قدرتمند را به راحتی در پروژه‌های ویو بسازند. ️ کاربرد: این فریم‌ورک برای ساخت فرم‌های تعاملی با قابلیت‌هایی مثل اعتبارسنجی (validation)، مدیریت وضعیت، پشتیبانی از فیلدهای پویا و قابلیت شخصی‌سازی بالا طراح ...

  • #VueForm
  • #VueJS
  • #OpenSource
  • #FormFramework
  • #WebDevelopment
  • #Frontend
  • #Vue3
  • #DynamicForms