طراحی سایت واکنش گرا (ریسپانسیو - Responsive) یعنی سازگاری کامل یک وب سایت با ابعاد مختلف صفحه نمایش در ابزارهای متفاوت.
پس از ظهور ابزارهای دستی (Handheld Devices) و افزایش روز افزون استفاده از این ابزارها (گوش های تلفن هوشمند و تبلت ها) برای انجام کارهای روزمره و به ویژه مرور صفحات وب، طراحان وب سایت ناچار شدند تا ویرایشی از سایت های طراحی شده با نام "نسخه موبایل" را به سایت ها اضافه کنند تا بازدیدکنندگانی که از گوشی تلفن و یا تبلت برای مرور سایت استفاده می کنند، بتوانند نسخه ساده تر و سبک تری از وب سایت را در اختیار داشته باشند. معمولا طراحان نسخه موبایل یک وب سایت، تنها به متون بسنده کرده و المان های گرافیکی و یا تصاویر را از این نسخه حذف می کردند که همین امر باعث کاهش جذابیت صفحات می گردید. به همین دلیل طراحان به فکر راه حل جامعی برای مرور وب سایت روی ابزار های مختلف افتادند و طراحی سایت واکنش گرا به عنوان راه حل نهایی و استاندارد این امر ارائه گردید. در طراحی سایت واکنش گرا ،صفحات وب به گونه ای طراحی می شوند تا بتوانند خود را با هر ابعاد صفحه نمایش هماهنگ کنند، بدون آنکه عنصری از صفحه حذف شود. در طراحی سایت واکنش گرا، هنگامی که ابعاد صفحه تغییر می کند، سایز و چیدمان عناصر اعم از عکس ها، متون و منوهای سایت تغییر کرده و در صفحه به گونه ای قرار می گیرند که به راحتی قابل مشاهده باشند.