Introducing
The Slant team built an AI & it’s awesome
Find the best product instantly
Add to Chrome
Add to Edge
Add to Firefox
Add to Opera
Add to Brave
Add to Safari
Try it now
4.7 star rating
0
What is the best alternative to jQuery UI?
Ad
Ad
Syncfusion JavaScript UI Controls
All
5
Experiences
Pros
5
Top
Pro
Modular and written fully in TypeScript
All components have been built as modules to enable selective referencing, so only the components and features you need are included in your application.
See More
Top
Pro
Responsive and Touch friendly
All controls are touch friendly and render adaptively based on the device they are on to provide optimal usage experience on phones, tablets and desktops.
See More
Top
Pro
Built-in themes
All 4 major themes are available such as Google's Material, Bootstrap, High contrast and Office 365's Fabric themes.
See More
Top
Pro
Fast release cycle
4 major releases per year and weekly patch release.
See More
Top
Pro
Free community license
See More
Hide
Get it
here
12
0
Webix
All
11
Experiences
Pros
8
Cons
3
Top
Pro
A lot of widgets
Webix is one of the most extensive UI component libraries, second only to Sencha ExtJS. Not only considering the number of widgets, but also the API methods for manipulating these widgets.
See More
Top
Con
Commercial license
It's not free for commercial applications.
See More
Top
Pro
Views can be constructed using JavaScript without HTML
The most common way of working with webix is to create a JSON configuration of your view in JavaScript. When you use TypeScript, you get complete typechecking and intellisense in your IDE.
See More
Top
Con
Not very popular
Not really a reason to not recommend it. But it has still a small user base. It deserves a lot more attention.
See More
Top
Pro
Seems to be quite stable
Even the most complicated GUIs are bug-free most of the time.
See More
Top
Con
Not modular
The library is not modular (except for some additional more complex widgets). If you only need a few widgets, you still need to include the entire library.
See More
Top
Pro
Webix Jet
The webix Jet library adds all the required features for SPA development (routing, template loading, ...)
See More
Top
Pro
Extremely simple to implement.
To get started is extremely simple. It has a low learning curve.
See More
Top
Pro
Mature project
Regular updates and releases.
See More
Top
Pro
Great support from the webix team
The company behind webix is really quick in answering any questions you have on their forum or via email.
See More
Top
Pro
Awesome responsive material skins
Great design and icons pack.
See More
Hide
See All
Experiences
$0-$469
54
4
Dojo Toolkit
All
6
Experiences
Pros
3
Cons
3
Top
Pro
Highly modular
Dojo Toolkit is a highly modular framework. It uses AMD modules and the module system is extremely powerful and easy to learn.
See More
Top
Con
Not able to keep up with the future of the web
The web is moving towards web components, something that Dojo does not implement. In its current state Dojo badly needs more abstraction and it also needs to provide some form of modern application architecture.
See More
Top
Pro
Consistent and complete
See More
Top
Con
Integrated first-party loader makes interoperability extremely difficult
See More
Top
Pro
Not only web apps
Dojo is not used only for web development. The widgets featured in Dojo can also be used to create mobile user interfaces.
See More
Top
Con
No startup-function
When the dojo-javascript is loaded, it will directly run the application. No chance to intercept with the options
See More
Hide
Get it
here
47
14
Inferno
All
6
Experiences
Pros
4
Cons
2
Top
Pro
Modular
Use it however you want in a framework of your own custom design. When things change in the industry, swap things out instead of being locked in by someone else's design.
See More
Top
Con
Some React components may not work with Inferno
Inferno and React have different public and private APIs. If 3rd party components use a private API then it's almost certainly going to break when you use it with Inferno. Once React Fiber is implemented, even libraries that are currently working will break and will not be supported by Inferno.
See More
Top
Pro
Pretty light-weight
Inferno weighs in at 9kb gzipped, which is light-weight.
See More
Top
Con
Not very popular
Which can hinder one's opinion of its future, but the future of all "frameworks" is to break things into smaller pieces, so inferno very well might get used by the big names in the future.
See More
Top
Pro
Fast performance
Inferno is one of the fastest UI libraries around and widely considered the fastest.
See More
Top
Pro
React compatability
Using the Inferno compatibility package ("inferno-compat"), Inferno can support the vast majority of React codebases.
See More
Hide
Get it
here
19
1
CaptainCasa Enterprise Client
All
10
Experiences
Pros
9
Specs
Top
Pro
Easy clustering
See More
Top
Pro
Very fast dialogs
Very fast even with many controls. CaptainCasa Enterprise client is much faster than Vaadin when writting similar programs.
See More
Top
Pro
Longlife framework
See More
Top
Pro
Fast and powerful
See More
Top
Pro
CDI via EL
Separation of the backend code and the creation of the pages / Injection of the code (CDI) into the pages via expression language (EL).
See More
Top
Pro
High security
See More
Top
Pro
Server development with Java
No javascript is needed, everything is developed on the server with Java. Optimized roundtrip.
See More
Top
Pro
Free use
See More
Top
Pro
Good scalability
In addition to the extremely good performance, which already ensures that the system can be scaled well, clustering of the system is already provided for in the software architecture.
See More
Specs
Price:
FREE
Hide
See All
Experiences
0
3
0
Quasar Framework
All
9
Experiences
Pros
7
Cons
1
Specs
Top
Pro
Uses Vue.js 2.0
Vue 3.x available as a plugin.
See More
Top
Con
Developed by a single person
Statistically, apps being developed by a single person can be gone without warning.
See More
Top
Pro
Good documentation and coding samples
See More
Top
Pro
Massive suite of well test & optimized widgets
Instant rebuild for SPA, PWA, Cordova or Electron with Material/iOS Themes.
See More
Top
Pro
Designed from the outset for desktop & mobile
See More
Top
Pro
Can build/test your PWA with/without PWA wrapper
See More
Top
Pro
Supports server side rendering (SSR) like Nuxt + SSR/PWA
"Icon genie" builds app icons and splash images for platforms selected.
See More
Top
Pro
Ability to add custom server side code when using SSR
See More
Specs
Platforms:
Windows, Linux, Mac, Web
License:
MIT
Mobile targets:
Android, Blueberry, iOS, Windows Phone, Web
Supported languages:
Javascript, Typescript
Hide
See All
Experiences
Get it
here
175
13
SmartClient
All
4
Experiences
Pros
2
Cons
2
Top
Pro
Good documentation
There is an online showcase and a 100+ Getting Started guide
See More
Top
Con
Expense: Free LGPL version but expensive to leverage the real power of the framework
The Developer version starts at $745 / Developer
See More
Top
Pro
Advanced UI widgets
Layouts, grids, forms with a lot of builtin functionality.
See More
Top
Con
Difficult to integrate with other frameworks like React, Vue, Angular...
SmartClient has it's own layout mechanism and doesn't have anything like Kendo UI's framework support for Angular, React, Vue, ..
See More
Hide
Get it
here
2
0
React with pre-made components
All
18
Experiences
Pros
12
Cons
6
Top
Con
Large file size
React's react.min.js is 145.5KB in size. It's much larger than some other libraries that offer roughly the same features and it's almost the same size as some MV* frameworks such as Angular or Ember that offer more features out of the box. Although, it should be mentioned that sometimes having a smaller library may force developers to reinvent the wheel and write inefficient implementations on features that React already has. Ending up with a larger application that's harder to maintain and/or that has bad performance.
See More
Top
Pro
Easy to reuse components
Since every single UI component is created independently in JavaScript, it becomes very easy to reuse them throughout your app without having to re-write them.
See More
Top
Con
You have to learn a new syntax
Requires to learn a custom syntax, JSX that has some gotchas and introduce complexity, a steeper learning curve, and incompatibility with other tools. Though you can opt out from JSX and use vanilla JS instead. But that is not recommended since it adds a lot of unneeded complexity which JSX tries to avoid.
See More
Top
Pro
Supported by Facebook and Instagram
React is built by Facebook engineers initially to be used only for their inner projects especially to solve the problem of building large complex applications with constantly changing data.
See More
Top
Con
Dependency hell
With all the third party components available for React, which when used smart is a good thing, can result in huge code bloat when used dumb. Javascript sizes can go from KB to MB without doing too much though.
See More
Top
Pro
Flux architecture pattern
Flux is a platform agnostic pattern which can technically be used with any application or programming language. One of Flux' main features is that it enforces uni-directional data flow which means that views do not change the data directly. With React this is useful because this way it's easier to understand an application as it starts getting more complicated. By having two-way data binding, lead to unpredictable changes, where changing one model's data would end up updating another model. By using the Flux architecture, this can be avoided.
See More
Top
Con
No support for legacy browsers
React has recently dropped support for Internet Explorer 8. While the library may still work on IE8, issues that affect only IE8 will not be prioritized and/or solved.
See More
Top
Pro
Virtual DOM support
Instead of relying on the DOM, React implements a virtual DOM from scratch, allowing it to calculate precisely what needs to be patched during the next screen refresh. This is orders of magnitude faster than fiddling with the DOM itself.
See More
Top
Con
Slow VirtualDOM
React's VirtualDOM is relatively slow compared to other libraries that implement a VDOM.
See More
Top
Pro
Easy to write tests
Since React's virtual DOM system is implemented completely in JavaScript, it's very easy to write UI test cases.
See More
Top
Con
Verbose
React gets a little verbose as applications get more complicated with more components. It's simply not as straightforward as simply writing HTML and JavaScript would be.
See More
Top
Pro
Tested on Facebook itself
React is used on one of the most visited websites on the planet, Facebook. With stellar results and with million of people experiencing it every day.
See More
Top
Pro
Can be used with different libraries
ReactJS can be used independently as the only library for building the front-end, or it can be used alongside JavaScript libraries such as jQuery, or even Angular.
See More
Top
Pro
One-way data flow
React's one-way data binding (or one-way data flow) means that it's easy to see where and how your UI is updated and where you need to make changes. It's also very easy to keep everything modular, fast and well-organized.
See More
Top
Pro
Extensive SVG support
Since React v0.15, SVG is fully supported. React supports all SVG attributes that are recognized by today's browsers.
See More
Top
Pro
Template engine independent
React provides a template engine (JSX) which is easy to use. But it's not mandatory.
See More
Top
Pro
Good debugging tools
React has an official Chrome Extension which is used as a developing and debugging tool. It can be used to quickly and painlessly debug your application or view the whole application structure as it's rendered.
See More
Top
Pro
Server side rendering
React can render it's components and data server side, then it sends those components as HTML to the browser. This ensures faster initial loading time and SEO friendliness out of the box, since it's indexed as any other static website by search engines.
See More
Hide
See All
Experiences
Get it
here
96
13
Kendo UI
All
4
Experiences
Pros
3
Cons
1
Top
Con
Expensive commercial tools [$699, $1,499]
The other core tools developed with Kendo are the commercial tools. There is the Professional version for $699 that will result in more jQuery UI widgets and client support. The $1499 "DevCraft" Complete edition gets developers the DevCraft .NET toolbox, testing and debugging frameworks and applications, as well as priority support.
See More
Top
Pro
Free Core tools
Kendo UI is separated into a commercial and open source frameworks. The core of Kendo UI is in the open source frameworks, but some usability and benefits of Kendo UI are lost without the commercial version.
See More
Top
Pro
Platform-based UI
Kendo knows what device it is being viewed on so it can adjust the UI accordingly. If a user is on a PC the user will see things differently than on a mobile device. Between iOS and Android the user will also notice a different as it pulls from the core UI of those core systems.
See More
Top
Pro
Theme Builder
An interactive tool that has been created to customize an apps theme. Users are able to select from many pre-defined themes, edit them, and download the theme to bring into a project.
See More
Hide
Get it
here
28
5
Element
All
4
Experiences
Pros
3
Cons
1
Top
Pro
Good documentation
The documentation is per version and it has basic examples that are easy to understand.
See More
Top
Con
Needs Vue JS
This can be PRO if you already using Vue for your project.
See More
Top
Pro
JQuery is not required
See More
Top
Pro
It's light but not empty
You can find for example date picker, option box, Sliders, Carousel, and all the basics like grid layout etc.
See More
Hide
FREE
5
1
Fit.UI - Object Oriented UI framework
All
5
Experiences
Pros
4
Cons
1
Top
Pro
Completely free and open source
Most UI frameworks seems to be really limited or cost money. Fit.UI is actually quite comprehensive and licensed under LGPL which means you can use it for any kind of project - commercial, personal, or open source.
See More
Top
Con
Not as much third-party resources available
Since it's not as popular as other libraries there are not as many third-party resources like plugins or tutorials available.
See More
Top
Pro
Full intellisense for JS and TypeScript in Visual Studio Code
You never have to look look up the names of functions - Visual Studio code just lists all the possible functions available on a given Fit.UI object.
See More
Top
Pro
NPM package available
It can easily be installed through npm: npm install fit-ui.
See More
Top
Pro
Enhances productivity
You can create a fairly complex app in little time from scratch using Fit.UI.
See More
Hide
Free
4
1
Zino UI
All
4
Experiences
Pros
3
Cons
1
Top
Pro
Has fallbacks for unsupported HTML5 features
Although Zino supports all modern HTML5 features, it also has graceful fallbacks in case a user is using a browser that does not support those features.
See More
Top
Con
No theme support
Zino UI provides developers with four themes out of the box. But if a developer wants to create their own custom theme, Zino does not have a theme builder.
See More
Top
Pro
Compliant with web standards
Zino adopts various w3c conventions such as WAI-ARIA, SVG, and HTML5 Canvas.
See More
Top
Pro
PHP Server wrappers
ZinoUI can be easily integrated with any PHP framework or document through the PHP wrappers that it provides.
See More
Hide
Get it
here
1
0
Polymer
All
12
Experiences
Pros
10
Cons
1
Specs
Top
Pro
Various basic components
It provides a base component.
See More
Top
Con
No server-side rendering
Polymer does not support server-side rendering. This results in higher loading times, more HTTP requests and it's not very SEO friendly, since search engines have no way of indexing a page if it's not rendered in the server.
See More
Top
Pro
HTML markup is not string
HTML markup as it can be a non-string.
See More
Top
Pro
Flex layout components
It provides Flex layout components.
See More
Top
Pro
CSS is easy to apply
CSS can be applied far more comfortably than React.
See More
Top
Pro
No need for special debugging tools
The presence od specialized debugging tools are advertised by competitors. The all features of web components are natively supported by browser embedded development tools.
See More
Top
Pro
Excellent routing
The router is embedded into CLI for project creation and covers as web as Progressive web app, also fused with Polymer layouts out of the box. The shop template for CLI has a complete solution including the routing.
See More
Top
Pro
Complete web app stack support
Full app stack from data tier to routing, progressive web app, responsive layouts makes no need to seek outside of Polymer ecosystem for application features. In addition to waste set of mature web components in Polymer Elements along with Vaadin Elements there are thousands of web components in the wild comparable to jQuery plugins set.
See More
Top
Pro
Excellent documentation
Polymer guides you as with tools (cli, build environment, app templates,..) as with complimentary documentation on all phases of app development from creation of app as progresive web app to production deployment instructions. As Polymer is standards based, the whole community around those standards also helping in documentation and support.
See More
Top
Pro
Based on web components
Web Components are a collection of specifications released by W3C as a way to reduce the complexity of web apps by creating reusable components. Browser support is currently poor for web components, however Polymer is developed to make web components compatible with modern browsers.
See More
Top
Pro
API is easy to understand, based on standard
The Polymer APIs are split on application layers and follow standards on all possible ways: Web Components, CSS variables, async API via Promises and so on.
See More
Specs
v2.0 GZipped size (Firefox):
32K
v1.0 GZipped size:
53K
v2.0 GZipped size (Safari):
13K
v2.0 GZipped size (Chrome):
10K
See All Specs
Hide
See All
Experiences
Get it
here
101
22
Sencha Ext JS
All
14
Experiences
Pros
7
Cons
7
Top
Pro
Comprehensive documentation
The Sencha documentation is comprehensive, with detailed documentation and a number of examples displaying the various widgets, tools and themes.
See More
Top
Con
Sencha CMD is bloated and frustrating to work with
To do any meaningful development, you are stuck with CMD. There is a gulp task that will handle the JS concatenation, but there is nothing outside of CMD that can handle theming in their ecosystem. In addition, CMD is based on Java, and is very heavy to run (600MB+ on Windows 10 to watch for changes in the application and recompile).
See More
Top
Pro
Supports MVC and MVVM development
See More
Top
Con
Sencha CMD (their CLI) is under documented, and out of date
Their latest release of CMD changed some configuration locations, but the documentation was not updated to reflect this. There is no reference guide on the json configuration files, other than the (unfortunate use of) comments in the generated json files.
See More
Top
Pro
Supports Web and Mobile deployment out of the one framework or codebase
See More
Top
Con
They use proprietary extensions to SASS, making it incompatible with anything but their Fashion processor
On the plus side, you do not have to install ruby alongside CMD for more recent versions of ExtJS. However, their Fashion processor seems to only be available through CMD.
See More
Top
Pro
Support for easy theming of applications
See More
Top
Con
Too often breaking changes between versions. They have little concept of backwards compatibility
Compounded by the fact that there are now two "toolkits" in the same "version" of ExtJS, with certain components not existing in one vs the other.
See More
Top
Pro
Visual Design tool available
The Sencha Architect product allows you to visually build your application, or rapidly prototype a system.
See More
Top
Con
The IDE tools are not sold separately - you must purchase the appropriate license pack
You get all the IDE plugins, even if you only need one. They should offer sell them individually, or continue to bundle them with a dev license pack.
See More
Top
Pro
IDE Plugins available
A number of plugins are available for some of the commonly used IDEs (eg: JetBrains, Eclipse, Visual Studio), providing templates, refactoring support, hinting and code completion/generation, as well as management of includes and other time-saving features.
See More
Top
Con
Difficult to integrate with 3rd party software
Any third party library you wish to include has to be wrapped in some sort of component adapter. You have to do a lot of tweaking to get the build process right if you want the 3rd party lib to be bundled into your application in the right order.
See More
Top
Pro
Charting package included
See More
Top
Con
Can be expensive
The framework is a commercial package, and the recent decision to start with a minimum of 5 users may rule out smaller developer teams or startups. Recently, they have started a program that allow essentially what are contractors to purchase single licenses, but not individual, independent developers.
See More
Hide
See All
Experiences
Get it
here
9
3
GitHub
All
25
Experiences
Pros
17
Cons
7
Specs
Top
Pro
Large community
GitHub is the largest code host on the planet with over 21.4 million hosted repositories and many users. It's unarguably the largest VCS used by developers worldwide and as such, it has a vibrant community that follows it resulting in many guides and tutorials for new users. Even experienced developers can always find an answer to any question they may have.
See More
Top
Con
Rule of thumb: 1GB per repository, 100MB per file
For most repositories this is acceptable, but for already large repositories with a long history, this may be a limiting factor.
See More
Top
Pro
Nice and usable UI
GitHub's UI is clean and intuitive. Each view is designed to not fill the screen with useless information. For example, the repository view displays only the most crucial data about that repo - on the top it displays the number of commits, branches, releases and contributors. When clicked, each of them will take the user to a page that displays more detailed information.
See More
Top
Con
Proprietary
See More
Top
Pro
Integrated issue tracking
GitHub has integrated issue tracking that makes hunting and solving bugs easy. Each project's issues page can be filtered by closed issues, assignees, labels and milestones. Issues are also sortable by age, number of comments and update time.
See More
Top
Con
Steals and sells your privacy
See More
Top
Pro
Provides free hosting for static websites
GitHub Pages is a feature that allows developers to create websites for their projects or anything they need a static website for, for free.
See More
Top
Con
Limited web browser support
Modern web browsers like Waterfox are no longer supported, breaking basic UI elements and making the site unusable.
See More
Top
Pro
Anyone can fork
Any user can fork a project and submit a pull request. If accepted by the owner, the fork will be merged with the master branch.
See More
Top
Con
No OAuth2 support
In order to sign in to GitHub, users have to sign up first with unique credentials for GitHub only, so no option to sign in with Google+ or Facebook.
See More
Top
Pro
GitHub makes it easy to find open source projects
GitHub is the largest host in the world for open source projects. Developers from all over the world fork and work on countless projects hosted on it. GitHub's search box is a powerful tool that allows developers to find open source projects in areas they are interested in and where they can immediately start to contribute. GitHub also has a page dedicated solely at exploring and finding open source projects, grouping them by each topic they cover. In the same view, GitHub displays trending repositories and sorting them by day, week or month.
See More
Top
Con
Owned by Microsoft
See More
Top
Pro
Gist (Snippets)
Gists is GitHub's way to easily share code, text snippets or any kind of information with the world. They are an easy way to share text and they work as Git repos, which means that they are forkable and versioned. They are also fully compatible with Git.
See More
Top
Con
Very inconvenient UI
Very hard to switch between projects.
See More
Top
Pro
Simplified team management tools
GitHub has easy and useful features to control teams, large and small alike. Team members can be given different powers on different projects, ranging from the ability to create them, to only being able to have read-only access.
See More
Top
Pro
Convenient continuous integration with Travis CI
GitHub can be integrated with Travis CI for code testing and deployment, furthermore it is free of charge for free open-source projects.
See More
Top
Pro
Supports Two-Factor authentication
GitHub has added another layer of security to their user accounts. This layer comes in the form of Two-Factor authentication. After it's enabled, GitHub delivers an authentication code by SMS, or by a free application for smartphones. After two-factor authentication is enabled, the authentication code is sent to the account owner's phone any time someone attempts to sign into their GitHub account. This means that only someone who has both the password and authentication code can sign into the account.
See More
Top
Pro
Easy integration with cloud hosting services
Many widely used cloud hosting services are easily integrated with GitHub. Any project hosted on GitHub can be set up on these services in seconds. Some companies that offer this feature are: Amazon Web Services Google Cloud Heroku Windows Azure
See More
Top
Pro
Support for mandatory code reviews
GitHub allows maintainers to make code reviews mandatory for any repository they choose.
See More
Top
Pro
Code search functionality
GitHub supports searching code. Whether it's from a specific project or from the whole website. What's more, GitHub has excellent SEO and you can easily find any line of code hosted on public repos on GitHub even from Google.
See More
Top
Pro
Excellent native apps
GitHub has native apps for mobile (iOS and Android), Windows and Mac, which make code deployment easier and faster.
See More
Top
Pro
Student discounts
GitHub offers very good student discounts along with other things, such as AWS credits.
See More
Top
Pro
Additional features for academics
For those with a valid .edu email or valid school ID there are additional benefits such as free private hosting. While it may take time for the account to be verified, it can easily be worth it.
See More
Top
Pro
Project management tools available
GitHub has a tool called (quite intuitively) "Projects". It helps teams to organize and prioritize the work they are doing by creating roadmaps and release checklists.
See More
Specs
Git:
Yes
SVN:
Yes (Limited)
Mercurial:
No
Hide
See All
Experiences
Free / paid
357
84
Vue.js
All
15
Experiences
Pros
12
Cons
2
Specs
Top
Pro
Can be used with any front-end stack
Vue can easily be integrated with other front-end libraries. This makes it an extremely versatile tool and it's easy to fix its shortcomings or missing features by just plugging in another library.
See More
Top
Con
Poor typescript support
Very basic typescript support.
See More
Top
Pro
Single file component
Very useful.
See More
Top
Con
Very enterpris-ey in design and tooling
See More
Top
Pro
Lightweight
Vue.js weighs in at 16kb min+gzip.
See More
Top
Pro
Vuex store, events system
See More
Top
Pro
Reactivity system
See More
Top
Pro
CLI and Webpack integration
See More
Top
Pro
Responsive server-side rendering
Since most of the mainstream server-side rendering implementations are synchronous, they can block the server's event loop when the application is complex. Vue implements streaming server-side rendering, which allows you to render your component, get a readable stream and directly pipe that to the HTTP response. This allows you to have a responsive server and decreases the time your users have to wait before they get your rendered content.
See More
Top
Pro
Supports inline templating
Although you can build components in JavaScript files, you can also use inline handlebars-like templating in your HTML views where simplicity is often a more sane choice.
See More
Top
Pro
Can be made even lighter
Since the template-to-virtual-DOM and compiler can be separated, you can compile the templates in your machine and then deploying only the interpreter which is 12KB minified and gzipped.
See More
Top
Pro
Support for both templates and JSX
You can choose to use either a templating language, or if you feel it's necessary to drop on a lower virtual-dom level, you can use JSX. This is simply done by replacing the template option with a render function. Or alternatively, you can embed functions inside templates by using the <render> tag.
See More
Top
Pro
SEO friendly
Starting with Vue 2.0, Vue supports server-side rendering. This helps with SEO a lot, since the views are rendered directly on the server, which are indexed by search engines.
See More
Top
Pro
VueRouter
See More
Specs
GZipped size:
~30KB
Repository:
https://github.com/vuejs/vue
Hide
See All
Experiences
Get it
here
520
128
Vaadin
All
6
Experiences
Pros
5
Cons
1
Top
Pro
Compiles Java to JavaScript
Vaadin uses GWT to compile Java code into JavaScript. This means that developers using Vaadin can write both frontend and backend code in Java.
See More
Top
Con
Weak scalability
Since Vaadin stores the UI state and logic in the server, this means that for every user interaction a request needs to be sent to the server and the client needs to wait so it can know how to react. This leads to higher traffic and load times.
See More
Top
Pro
Easy to use
Vaadin has a 'design mode' which allows developers to drag and drop components into a canvas and then provide the logic for every component. There are also a lot of third party tutorials and guides which help with the initial learning curve.
See More
Top
Pro
Top notch documentation
The book of Vaadin is a must have for every developer that uses Vaadin to make web apps. It is an excellent reference manual and all around a great tool for every Vaadin related need. You can find and download the pdf online or get it for free in almost any Vaadin sponsored conference. The online documentation is also very good. It has some tutorials and video guides. There is also a vibrant community which sorround Vaadin, for any problem you may have there is a big chance that someone has already asked and answered that question on StackOverflow or in the Vaadin forums. If not, it will probably be answered quickly if you ask it.
See More
Top
Pro
Modern, configurable theming
Vaadin comes with the Valo Theme, a Sass-based theme and engine that calculates styles based on configurable variables and making it easy to define a completely new theme with a few lines of SCSS.
See More
Top
Pro
Easy to develop prototypes quickly
Vaadin has what is called the Vaadin Directory which is a repository of downloadable Vaadin components which can be easily used for development. To use something from the repository, you need to download the JAR file and add it to the project.
See More
Hide
Get it
here
18
9
Bootstrap
All
17
Experiences
Pros
12
Cons
5
Top
Con
Large file size out of the box
Bootstrap has an out-of-the box filesize of ~276K, which is pretty large considering it's just CSS. Most of those styles aren't even used in 90% of web pages built with Bootstrap. By only including the required styles it can be trimmed by 70%-75%.
See More
Top
Pro
Consistency across browsers
The grid layout with the predefined CSS elements and JavaScript components make it easier to have consistency across different browser versions and even different devices.
See More
Top
Con
Too many classes
Bootstrap's over-reliance on HTML classes for styling can get very messy very quickly. There's also an overabundance of DOM elements which have a lot of classes and are more often than not nested inside DOM elements with even more classes. This gets problematic down the line because the maintainability of the project gets harder when the project starts to get large.
See More
Top
Pro
Responsive design philosophy
Bootstrap is developed to be instantly compatible with all sizes of screens, so you don't have to worry about which device the user is accessing your site from. Yet if you prefer, you can disable responsiveness of Bootstrap.
See More
Top
Con
Websites can start to look the same
If the initial Bootstrap colors and styles are not changed or edited, different websites start looking the same even if they have nothing to do with each other and they are made by different developers.
See More
Top
Pro
Well documented
Documentation is thorough, well organized and full of live examples and templates ready for use. Every component and every part of the framework is explained and covered in depth.
See More
Top
Con
Hard to customise
It's quite hard to customise Bootstrap using pre-processors like SASS and LESS, the only real flexibility is with typography and colours.
See More
Top
Pro
Custom builds
If you don't want to download the full Bootstrap framework. Custom builds of Bootstrap can be created, including only the desired CSS, CSS components, and JavaScript components. This can be done directly from the Bootstrap website by simply choosing what components to download.
See More
Top
Con
Large font sizes
See More
Top
Pro
Designed to get a site running quickly
Bootstrap is designed to get a site up and running quickly. Each of it's components is pre-configured to help with getting a site up and running quickly.
See More
Top
Pro
Great community
Bootstrap is very popular and has a large community. As a result of this it is much easier to find help with anything you might need. This also gives you a treasure trove of prebuilt components to use and add to your site.
See More
Top
Pro
Supports responsive embeds
Allows easily adding responsiveness to <iframe>, <embed>, and <object> elements.
See More
Top
Pro
Easily make professional looking websites
Bootstrap makes it easy to learn how to make professional looking websites. It can even make code junkies semi-enjoy design.
See More
Top
Pro
Customizable
Bootstrap can be customized in a variety of ways. Either by overriding the default CSS styles with new CSS styles or by editing the .scss Bootstrap files.
See More
Top
Pro
A wide variety of themes available
To help you avoid the "Bootstrap look", there are many resources that provide a great selection of themes and templates for Bootstrap.
See More
Top
Pro
One of the most popular ones
Ranked on GitHub as the most starred CSS repository.
See More
Top
Pro
Builders
Builders available, such as Pingendo and Layoutit.
See More
Hide
See All
Experiences
Free / paid
337
137
Materialize
All
15
Experiences
Pros
11
Cons
4
Top
Con
Refuses to use the flexbox model
Even though Materialize states that it only supports IE10+, which supports flexbox quite well, with prefixes, Materialize has refused to use Flexbox.
See More
Top
Pro
Great-looking demo
See More
Top
Con
Not maintained anymore
See More
Top
Pro
Device agnostic
Since Materialize follows Google's guidelines for Material design, which in theory is device agnostic, Materialize itself is device agnostic too. It's designed to look good on every device.
See More
Top
Con
Large / heavy
267 kilobytes, minified, for the CSS and JS.
See More
Top
Pro
Large selection of components
CSS components: Badges, buttons, cards, collections, footer, forms, icons, navbar, pagination, preloader. JavaScript components: Collapsible, Dialogs, Dropdown, Media, Modals, Parallax, Pushpin, ScrollFire, Scrollspy, SideNav, Tabs, Transitions, Waves. Mobile-specific: slide-out drawer menu, toasts.
See More
Top
Con
Deprecated
No longer supported by their maintainers.
See More
Top
Pro
Responsive
See More
Top
Pro
Mobile navigation
See More
Top
Pro
Nice showcase of sites built with Materialize
See More
Top
Pro
Customizable
While the default style is not bad at all, Materialize also gives developers the ability to customize it and fit their own style, while still keeping in line with the Material Design philosophy. Along with the CSS files, designers can also download the SASS files which can be edited and compiled.
See More
Top
Pro
12-Column Grid System
See More
Top
Pro
Included icon font
See More
Top
Pro
Meteor.js integration by developers
See More
Top
Pro
Opinionated
Material design is very opinionated on how design elements should behave and look. The basics of which revolve around certain visual elements (physics, space, momentum and light) which are used to create specific UX elements. This is very helpful because it creates a consistent feel without making every design look the same. This can be seen in Materialize too, where each element may be customized but still it keeps the consistent look of the material design.
See More
Hide
See All
Experiences
Get it
here
179
85
Blueprint
All
5
Experiences
Pros
2
Cons
3
Top
Pro
Many components
There are a ton of components in this library, including even ones supporting non-ideal states!
See More
Top
Con
Poor mobile support
See More
Top
Pro
Looks great
The UI it generates is professional and polished
See More
Top
Con
Requires ReactJS
See More
Top
Con
Documentation lacks examples
Docs are thorough, but examples sparse
See More
Hide
0
0
0
Built By the Slant team
Find the best product instantly.
4.7 star rating
Add to Chrome
Add to Edge
Add to Firefox
Add to Opera
Add to Brave
Add to Safari
Try it now - it's free
{}
undefined
url next
price drop