Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Bootstrap
Bootstrap

49.9K
7K
+ 1
7.5K
jQuery UI
jQuery UI

27.9K
3.4K
+ 1
894
Add tool

Bootstrap vs jQuery UI: What are the differences?

What is Bootstrap? Simple and flexible HTML, CSS, and JS for popular UI components and interactions. Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

What is jQuery UI? Curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice.

Bootstrap belongs to "Front-End Frameworks" category of the tech stack, while jQuery UI can be primarily classified under "Javascript UI Libraries".

"Responsiveness", "UI components" and "Consistent" are the key factors why developers consider Bootstrap; whereas "Ui components", "Cross-browser" and "Easy" are the primary reasons why jQuery UI is favored.

Bootstrap and jQuery UI are both open source tools. Bootstrap with 134K GitHub stars and 66K forks on GitHub appears to be more popular than jQuery UI with 10.7K GitHub stars and 5.06K GitHub forks.

According to the StackShare community, Bootstrap has a broader approval, being mentioned in 7044 company stacks & 1115 developers stacks; compared to jQuery UI, which is listed in 1896 company stacks and 575 developer stacks.

What is Bootstrap?

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

What is jQuery UI?

Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice.
Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Why do developers choose Bootstrap?
Why do developers choose jQuery UI?

Sign up to add, upvote and see more prosMake informed product decisions

    Be the first to leave a con

    Sign up to add, upvote and see more consMake informed product decisions

    What companies use Bootstrap?
    What companies use jQuery UI?

    Sign up to get full access to all the companiesMake informed product decisions

    What tools integrate with Bootstrap?
    What tools integrate with jQuery UI?

    Sign up to get full access to all the tool integrationsMake informed product decisions

    What are some alternatives to Bootstrap and jQuery UI?
    Semantic UI
    Semantic empowers designers and developers by creating a shared vocabulary for UI.
    jQuery
    jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.
    Material
    Express your creativity with Material, an animation and graphics framework for Google's Material Design and Apple's Flat UI in Swift.
    React
    Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.
    Foundation
    Foundation is the most advanced responsive front-end framework in the world. You can quickly prototype and build sites or apps that work on any kind of device with Foundation, which includes layout constructs (like a fully responsive grid), elements and best practices.
    See all alternatives
    Decisions about Bootstrap and jQuery UI
    Koa
    Koa
    React Router
    React Router
    Foundation
    Foundation
    Semantic UI
    Semantic UI
    Bootstrap
    Bootstrap
    PostCSS
    PostCSS
    Less
    Less
    Sass
    Sass
    styled-components
    styled-components
    React Helmet
    React Helmet
    Webpack
    Webpack
    TypeScript
    TypeScript
    JavaScript
    JavaScript
    Apollo
    Apollo
    GraphQL
    GraphQL
    React
    React
    #JSX
    #React.
    #Css
    #StyledComponents.
    #Async
    #HTML
    #GraphQL
    #Apollo

    ReactQL is a React + GraphQL front-end starter kit. #JSX is a natural way to think about building UI, and it renders to pure #HTML in the browser and on the server, making it trivial to build server-rendered Single Page Apps. GraphQL via Apollo was chosen for the data layer; #GraphQL makes it simple to request just the data your app needs, and #Apollo takes care of communicating with your API (written in any language; doesn't have to be JavaScript!), caching, and rendering to #React.

    ReactQL is written in TypeScript to provide full types/Intellisense, and pick up hard-to-diagnose goofs that might later show up at runtime. React makes heavy use of Webpack 4 to handle transforming your code to an optimised client-side bundle, and in throws back just enough code needed for the initial render, while seamlessly handling import statements asynchronously as needed, making the payload your user downloads ultimately much smaller than trying to do it by hand.

    React Helmet was chosen to handle <head> content, because it works universally, making it easy to throw back the correct <title> and other tags on the initial render, as well as inject new tags for subsequent client-side views.

    styled-components, Sass, Less and PostCSS were added to give developers a choice of whether to build styles purely in React / JavaScript, or whether to defer to a #css #preprocessor. This is especially useful for interop with UI frameworks like Bootstrap, Semantic UI, Foundation, etc - ReactQL lets you mix and match #css and renders to both a static .css file during bundling as well as generates per-page <style> tags when using #StyledComponents.

    React Router handles routing, because it works both on the server and in the client. ReactQL customises it further by capturing non-200 responses on the server, redirecting or throwing back custom 404 pages as needed.

    Koa is the web server that handles all incoming HTTP requests, because it's fast (TTFB < 5ms, even after fully rendering React), and its natively #async, making it easy to async/await inside routes and middleware.

    See more
    Khauth György
    Khauth György
    CTO at SalesAutopilot Kft. · | 11 upvotes · 97.7K views
    atSalesAutopilot Kft.SalesAutopilot Kft.
    AWS CodePipeline
    AWS CodePipeline
    Jenkins
    Jenkins
    Docker
    Docker
    vuex
    vuex
    Vuetify
    Vuetify
    Vue.js
    Vue.js
    jQuery UI
    jQuery UI
    Redis
    Redis
    MongoDB
    MongoDB
    MySQL
    MySQL
    Amazon Route 53
    Amazon Route 53
    Amazon CloudFront
    Amazon CloudFront
    Amazon SNS
    Amazon SNS
    Amazon CloudWatch
    Amazon CloudWatch
    GitHub
    GitHub

    I'm the CTO of a marketing automation SaaS. Because of the continuously increasing load we moved to the AWSCloud. We are using more and more features of AWS: Amazon CloudWatch, Amazon SNS, Amazon CloudFront, Amazon Route 53 and so on.

    Our main Database is MySQL but for the hundreds of GB document data we use MongoDB more and more. We started to use Redis for cache and other time sensitive operations.

    On the front-end we use jQuery UI + Smarty but now we refactor our app to use Vue.js with Vuetify. Because our app is relatively complex we need to use vuex as well.

    On the development side we use GitHub as our main repo, Docker for local and server environment and Jenkins and AWS CodePipeline for Continuous Integration.

    See more
    Ganesa Vijayakumar
    Ganesa Vijayakumar
    Full Stack Coder | Module Lead · | 15 upvotes · 397.2K views
    SonarQube
    SonarQube
    Codacy
    Codacy
    Docker
    Docker
    Git
    Git
    Apache Maven
    Apache Maven
    Amazon EC2 Container Service
    Amazon EC2 Container Service
    Microsoft Azure
    Microsoft Azure
    Amazon Route 53
    Amazon Route 53
    Elasticsearch
    Elasticsearch
    Solr
    Solr
    Amazon RDS
    Amazon RDS
    Amazon S3
    Amazon S3
    Heroku
    Heroku
    Hibernate
    Hibernate
    MySQL
    MySQL
    Node.js
    Node.js
    Java
    Java
    Bootstrap
    Bootstrap
    jQuery Mobile
    jQuery Mobile
    jQuery UI
    jQuery UI
    jQuery
    jQuery
    JavaScript
    JavaScript
    React Native
    React Native
    React Router
    React Router
    React
    React

    I'm planning to create a web application and also a mobile application to provide a very good shopping experience to the end customers. Shortly, my application will be aggregate the product details from difference sources and giving a clear picture to the user that when and where to buy that product with best in Quality and cost.

    I have planned to develop this in many milestones for adding N number of features and I have picked my first part to complete the core part (aggregate the product details from different sources).

    As per my work experience and knowledge, I have chosen the followings stacks to this mission.

    UI: I would like to develop this application using React, React Router and React Native since I'm a little bit familiar on this and also most importantly these will help on developing both web and mobile apps. In addition, I'm gonna use the stacks JavaScript, jQuery, jQuery UI, jQuery Mobile, Bootstrap wherever required.

    Service: I have planned to use Java as the main business layer language as I have 7+ years of experience on this I believe I can do better work using Java than other languages. In addition, I'm thinking to use the stacks Node.js.

    Database and ORM: I'm gonna pick MySQL as DB and Hibernate as ORM since I have a piece of good knowledge and also work experience on this combination.

    Search Engine: I need to deal with a large amount of product data and it's in-detailed info to provide enough details to end user at the same time I need to focus on the performance area too. so I have decided to use Solr as a search engine for product search and suggestions. In addition, I'm thinking to replace Solr by Elasticsearch once explored/reviewed enough about Elasticsearch.

    Host: As of now, my plan to complete the application with decent features first and deploy it in a free hosting environment like Docker and Heroku and then once it is stable then I have planned to use the AWS products Amazon S3, EC2, Amazon RDS and Amazon Route 53. I'm not sure about Microsoft Azure that what is the specialty in it than Heroku and Amazon EC2 Container Service. Anyhow, I will do explore these once again and pick the best suite one for my requirement once I reached this level.

    Build and Repositories: I have decided to choose Apache Maven and Git as these are my favorites and also so popular on respectively build and repositories.

    Additional Utilities :) - I would like to choose Codacy for code review as their Startup plan will be very helpful to this application. I'm already experienced with Google CheckStyle and SonarQube even I'm looking something on Codacy.

    Happy Coding! Suggestions are welcome! :)

    Thanks, Ganesa

    See more
    Pedro Arnal Puente
    Pedro Arnal Puente
    CTO at La Cupula Music SL · | 8 upvotes · 13K views
    atLa Cupula Music SLLa Cupula Music SL
    JavaScript
    JavaScript
    ES6
    ES6
    Babel
    Babel
    ESLint
    ESLint
    Webpack
    Webpack
    Vue.js
    Vue.js
    jQuery UI
    jQuery UI
    jQuery
    jQuery

    We are phasing out jQuery and jQuery UI in favour or Vue.js and @Vue-cli so we can support building a modern, well-architectured frontend.

    The JavaScript build pipeline is supported by Webpack , and includes tools like ESLint and Babel , so we can properly support the latest ES/JS versions, with ES6 as the minimum baseline.

    See more
    Interest over time
    Reviews of Bootstrap and jQuery UI
    Avatar of longgge
    pm at 36kr
    Review ofBootstrapBootstrap

    我们团队一直在使用bootstrap,非常简单易用,并且有帮助。支持也很到位,很喜欢!用了4年的时间,会持续的用下去,加油!!Bootstrap!!!

    Review ofBootstrapBootstrap

    We have been using it for the past 3 years and have no complaints

    Review ofBootstrapBootstrap

    Good service with a good price, worth the money.

    How developers use Bootstrap and jQuery UI
    Avatar of StackShare
    StackShare uses BootstrapBootstrap

    Leanstack was on Bootstrap 2. Chose this because it is wildly popular, so it’s active, has been used a lot in production, and has a ton of features. Anything you need to do from a UI perspective, there’s likely a plugin for it already part of the library. Haven’t tried the others, but we're happy with BS.

    For StackShare, we upgraded to Bootstrap 3. I don’t like that they changed the name of columns, essentially breaking the grid layout for Bootstrap 2 and below, so that was a real pain to update. I hope they don’t do that again. Once we have more bandwidth, we’re totally going to decouple our markup from Bootstrap.

    Avatar of shridhardalavi
    shridhardalavi uses BootstrapBootstrap

    Bootstrap is a framework to help you design websites faster and easier. It includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels, etc. It also gives you support for JavaScript plugins. Bootstrap's responsive CSS adjusts to phones, tablets, and desktops Bootstrap is compatible with all modern browsers (Chrome, Firefox, Internet Explorer, Safari, and Opera)

    Avatar of CloudRepo
    CloudRepo uses BootstrapBootstrap

    We started with a bootstrap based template and then completely rewrote it due to poor design of the template. Using boostrap properly was a great experience - once you learn it and use it properly, it's simple to use and very good at being responsive and adapting to the various screen view.

    Avatar of Perljobs.Ru
    Perljobs.Ru uses BootstrapBootstrap

    I simply bought a "job board" template for the website, which is written using Bootstrap 2. I'm hoping to upgrade the site to Boostrap 3 when I'll have a time.

    Я просто купил шаблон для доски вакансий, написанный на Boostrap 2. Когда будет время перепишу все на Bootstrap 3.

    Avatar of Tony Manso
    Tony Manso uses jQuery UIjQuery UI

    I only use the modal dialog thingy in jQuery UI, which displays when the player is not currently playing. I'm not big on the DOM and so it would have taken me a lifetime to figure out how to do this on my own, as compared to the 5 minutes to install jQuery UI and invoke it.

    Avatar of Ujjwal Bhujel
    Ujjwal Bhujel uses BootstrapBootstrap

    With the advancement in CSS, Bootstrap is creating new milestones when it comes to minimising our CSS codes. So elegant and beautiful yet easy and convenient to use once you go through all the classes and its elements. In addition, its JS function is impressive too.

    Avatar of John Galbraith
    John Galbraith uses jQuery UIjQuery UI

    The JQuery libraries are embedded in my home page that allow my site to be viewed the way I want them to.

    Avatar of Romans Malinovskis
    Romans Malinovskis uses jQuery UIjQuery UI

    We fully integrate it into the framework and also supply a nice theme.

    Avatar of Nicholas Alexander
    Nicholas Alexander uses jQuery UIjQuery UI

    Front end form capabilities and animations, drag and drop, etc.

    Avatar of Hunt Norment
    Hunt Norment uses jQuery UIjQuery UI

    4 years of experience using jQuery UI for front-end coolness.

    How much does Bootstrap cost?
    How much does jQuery UI cost?
    Pricing unavailable
    Pricing unavailable
    News about jQuery UI
    More news