Tech Junkie Blog - Real World Tutorials, Happy Coding!: End-toEnd ASP.NET MVC : Add JQuery UI Library Using NuGet

Saturday, June 18, 2016

End-toEnd ASP.NET MVC : Add JQuery UI Library Using NuGet

In the previous blog we've added the Bootstrap library to our empty ASP.NET MVC project.  Now let's add another commonly used JQuery library to our project.  In this blog we will add the JQuery UI library to our empty project.

Step-By-Step Instructions:

1. Open the empty ASP.NET MVC project that you've just created

2.  Right click on the the "References" node in the "Solution Explorer", then select "Manage NuGet Packages"

3.  In the search box on the right of NuGet window type "jquery ui combined", the search result will be displayed, the package that you want to install is highlighted below.  Notice it's the choice which is called the jQuery UI (Combined Library).  Click on the "Installed" button, then click "OK" on "Preview Changes" dialog

5.  Once the JQuery UI library has been installed a green check mark is displayed, click on the "Close" button

6.  Now you should see the JQuery UI scripts in the "Scripts" folder

Similar Posts:


  1. Simple and easy to follow, thank you!!!! Most important it works!!!

  2. What? No Bower vs. NuGet Trolls on this one? :D

  3. while installing jquery ui it removes new version of jquery in my case jquery-1.9.1 and install
    jquery-1.12.4 , why ?

  4. Thanks for sharing this.,
    Leanpitch provides online training in A-CSPO during this lockdown period everyone can use it wisely.
    Join Leanpitch 2 Days A-CSPO Certification Workshop in different cities.

    a-cspo certification
    a-cspo training


Search This Blog