۱۰۰٪ آفلاین · بدون نیاز به اینترنت

آموزش کتابخانه‌های وب به فارسی
با اجرای تعاملی کد زنده

آموزش حرفه‌ای

۳۲ کتابخانه و فریم‌ورک محبوب JavaScript و CSS — و مهم‌تر از همه، هر کدام یک «اجرای تعاملی کد» دارد تا کد را زنده ویرایش کنی و نتیجه را همان لحظه ببینی. فارسی، رایگان و آفلاین.

۰کتابخانه و فریم‌ورک
۰اجرای تعاملی کد زنده
۰آفلاین
فارسیکامل و روان
✨ ویژگی منحصربه‌فرد این سایت

هر کتابخانه یک اجرای تعاملی کد دارد!

دیگر فقط نخوان — کد بزن! در صفحهٔ آموزش هر کتابخانه یک ویرایشگر زندهٔ کد قرار داده‌ایم: کد را تغییر بده و خروجی را همان لحظه ببین. بدون نصب، بدون ثبت‌نام و کاملاً آفلاین.

▶ اجرای زندهکد را اجرا کن و نتیجه را فوری ببین
✎ ویرایش آزادهر چیزی را تغییر بده و امتحان کن
📦 مثال‌های آمادهچند نمونهٔ آمادهٔ کاربردی برای هر کتابخانه
🚀 همین حالا یک کتابخانه را امتحان کن

کتابخانه‌های محبوب

روی هر کارت کلیک کنید تا راهنمای کامل، مثال‌های زنده و اجرای تعاملی کد آن کتابخانه را ببینید

نتیجه‌ای یافت نشد.
🏔 Alpine.jsJS

فریم‌ورک سبک Reactive: x-data، x-bind، x-on، x-show، x-for — بدون build step.

v3.13.5
🎬 Animate.cssCSS

انیمیشن‌های CSS آماده: bounce، fade، slide، flip، zoom و ده‌ها افکت برای وب.

v4.1.1
🎭 Anime.jsJS

موتور انیمیشن سبک: Timeline، Stagger، Easing دقیق، SVG و کنترل Playback.

v3.2.2
👀 AOSCSS/JS

Animate On Scroll: انیمیشن‌های fade، slide، zoom، flip هنگام اسکرول.

v2.3.4
🌐 AxiosJS

HTTP Client مبتنی بر Promise: GET/POST/PUT/DELETE، interceptor و مدیریت خطا.

v1.6.8
🎨 BootstrapCSS/JS

فریم‌ورک CSS واکنش‌پذیر: Grid، کامپوننت‌ها، فرم‌ها، navbar، modal و utility.

v5.3.3
📊 Chart.jsJS

نمودارهای تعاملی: خطی، میله‌ای، دایره‌ای، رادار، قطبی و به‌روزرسانی زنده.

v4.4.2
✂️ Cropper.jsCSS/JS

برش تصویر در مرورگر: Drag، Zoom، Rotate، Flip، Aspect Ratio و خروجی Canvas.

v1.6.2
📈 D3.jsJS

ویژوالیزیشن داده با SVG: Data Binding، Scales، Axes، Transitions و نمودار تعاملی.

v7.9.0
📊 DataTablesCSS/JS

جداول پیشرفته jQuery: جستجو، مرتب‌سازی، صفحه‌بندی، Ajax و API برنامه‌ای.

v1.10.21
📅 Day.jsJS

جایگزین سبک Moment.js: parse، format، add/subtract، مقایسه و relative time.

v1.11.10
📆 FlatpickrCSS/JS

انتخابگر تاریخ و زمان: mode تکی، بازه، چندگانه و تنظیمات ظاهری کامل.

v4.6.13
🎯 Font AwesomeCSS

بزرگ‌ترین مجموعه آیکون‌های قابل مقیاس: solid، regular، brands و انیمیشن.

v6.x
✨ GSAPJS

پیشرفته‌ترین کتابخانه انیمیشن: Timeline، Stagger، Easing دقیق و کنترل کامل.

v3.12.5
🎨 Highlight.jsCSS/JS

رنگ‌آمیزی کد (Syntax Highlighting): ۱۹۰+ زبان، ده‌ها تم، تشخیص خودکار و کپی کد.

v11.9.0
⚡ jQueryJS

کتابخانه پایه جاوااسکریپت: DOM، رویدادها، AJAX و انیمیشن در تمام مرورگرها.

v3.7.1
🗺️ Leaflet.jsCSS/JS

نقشه تعاملی با OpenStreetMap: Markers، Popup، اشکال هندسی، Layers و GeoJSON.

v1.9.4
🔧 LodashJS

ابزارهای utility: array، object، string، debounce، throttle و cloneDeep.

v4.17.21
📝 Marked.jsJS

تبدیل Markdown به HTML: سریع، استاندارد GFM، renderer سفارشی و ویرایشگر زنده.

v12.0.2
📅 Moment.jsJS

کار با تاریخ و زمان: parse، format، add/subtract، relative time و پشتیبانی فارسی.

v2.30.1
✨ Particles.jsJS

افکت ذرات متحرک: رنگ، حرکت، خطوط اتصال و تعامل با ماوس برای پس‌زمینه.

v2.0.0
📝 Quill.jsCSS/JS

ویرایشگر متن غنی (Rich Text): Snow و Bubble themes، Toolbar سفارشی، Delta API.

v1.3.7
👁️ ScrollRevealJS

انیمیشن ظاهر شدن المان‌ها هنگام اسکرول: Origin، Scale، Rotate و زمان‌بندی.

v4.0.9
🔽 Select2CSS/JS

Dropdown پیشرفته jQuery: جستجو، چند انتخابی، Tags mode و Ajax search.

v4.0.13
↕️ Sortable.jsJS

Drag and Drop لیست‌ها و گریدها: مرتب‌سازی، جابجایی بین لیست‌ها و handle.

v1.15.2
🔔 SweetAlert2CSS/JS

جایگزین زیبا برای alert: Toast، تاییدیه، دریافت ورودی و ترکیب با AJAX.

v11.10.7
🔁 SwiperCSS/JS

اسلایدر مدرن با پشتیبانی Touch: Coverflow، Fade، Cube، autoplay و responsive.

v11.0.5
🎨 Tailwind CSSCSS

Utility-First CSS Framework: flex، grid، typography، colors و responsive.

v2.2.19
🏸 Three.jsJS

گرافیک سه‌بعدی با WebGL: Scene، Camera، Geometry، Material، Lighting و Animation.

r134
🍞 Toastify.jsCSS/JS

نوتیفیکیشن Toast سبک: موقعیت، استایل سفارشی، callback — فقط ۶KB.

v1.12.0
⌨ Typed.jsJS

افکت تایپ خودکار: نوشتن و پاک‌کردن رشته‌ها، cursor سفارشی و callback.

v2.1.0
💎 Vue.jsJS

فریم‌ورک تدریجی JS: Reactivity، Directives (v-if/v-for/v-model)، کامپوننت‌ها و Composition API — بدون build step.

v3.5.39

سوالات متداول

اجرای تعاملی کد (Playground) چیست؟
اجرای تعاملی کد یک ویرایشگر زندهٔ کد است که در صفحهٔ آموزش هر کتابخانه قرار دارد. کد نمونه را تغییر می‌دهی و خروجی را همان لحظه و به‌صورت زنده در مرورگر می‌بینی — بدون نصب، بدون ثبت‌نام و کاملاً آفلاین.
CDNJS چیست؟
CDNJS یک شبکه توزیع محتوا (CDN) رایگان و متن‌باز است که محبوب‌ترین کتابخانه‌های JavaScript و CSS را میزبانی می‌کند. در این سایت، آموزش فارسی و نسخه آفلاین این کتابخانه‌ها در دسترس است.
آیا استفاده از این کتابخانه‌ها به صورت آفلاین ممکن است؟
بله. همه‌ی ۳۲ کتابخانه و فریم‌ورک به‌همراه راهنماها و مثال‌های تعاملی به‌صورت کاملاً آفلاین ارائه شده‌اند و می‌توانید فایل‌ها را مستقیم دانلود کرده و بدون اینترنت استفاده کنید.
آموزش‌ها به چه زبانی هستند؟
تمام راهنماها، توضیحات و مثال‌ها به زبان فارسی روان نوشته شده‌اند تا یادگیری برای توسعه‌دهندگان فارسی‌زبان ساده‌تر باشد.
چه کتابخانه‌هایی پوشش داده شده است؟
۳۲ کتابخانه و فریم‌ورک محبوب شامل Vue.js، Bootstrap، jQuery، GSAP، Chart.js، Tailwind CSS، Three.js، Swiper، D3.js، Leaflet و بسیاری دیگر در دسته‌بندی‌های JavaScript و CSS.