What is the best alternative to Syncfusion JavaScript UI Controls?

Question

Built By the Slant team

Find the best product instantly.

4.7 star rating

Try it now - it's free

score 54 · Answer 1

Webix

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

See All Experiences

54 4

score 3 · Answer 2

CaptainCasa Enterprise Client

Top Pro

Easy clustering

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

Top Pro

Fast and powerful

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

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

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

See All Experiences

3 0

score 101 · Answer 3

Polymer

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

v1.0 GZipped size:53K

v2.0 GZipped size (Edge):36K

v2.0 GZipped size (Chrome):10K

v2.0 GZipped size (Firefox):32K

See All Specs

See All Experiences

101 22

score 47 · Answer 4

Dojo Toolkit

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

Top Con

Integrated first-party loader makes interoperability extremely difficult

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

47 14

score 520 · Answer 5

Vue.js

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

Top Pro

Lightweight

Vue.js weighs in at 16kb min+gzip. See More

Top Pro

Vuex store, events system

Top Pro

Reactivity system

Top Pro

CLI and Webpack integration

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

Specs

GZipped size:~30KB

Repository:https://github.com/vuejs/vue

See All Experiences

520 128

score 18 · Answer 6

Vaadin

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

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

18 9

score 18 · Answer 7

jQuery UI

Top Pro

Cross-browser compatibility

jQuery UI, like jQuery has great cross-browser and backward compatibility with the most popular browsers on the market. See More

Top Con

Slow development

jQuery UI development is rather slow and new features or components are not released frequently. See More

Top Pro

Globalization support

jQuery UI has internationalization (globalization) support. See More

18 10

score 2 · Answer 8

SmartClient

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

2 0

score 28 · Answer 9

Kendo UI

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

28 5

score 10 · Answer 10

Deku

Top Pro

Functional

Functional approach. See More

Top Con

No support for legacy browsers

Deku does not support legacy browsers, or relatively old browsers for that matter. They only support the latest versions of the major web browsers. See More

Top Pro

Server side rendering

Deku 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

Top Con

Not a lot of learning resources

Since it's a rather new library and has a small community, there are not many examples where you can learn from out there. There are also few guides and the documentation is not amazing and has some parts that should be covered better. See More

Top Pro

Easy to learn

Since Deku is very lightweight and has a rather small API, there's not much to learn. It's pretty easy to get started and build something with it. See More

Top Pro

Can use JSX

Developers using Deku can choose to also use JSX if they want to. This is especially helpful for people who are moving from React to Deku. See More

Top Pro

Good performance

Deku's diffing algorithm is considerably faster and performs better than most libraries. The dbmonster performance mini-app written in Deku renders roughly 16% faster than other libraries. See More

See All Experiences

10 2

score 5 · Answer 11

Element

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

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

5 1

score 77 · Answer 12

Knockout

Top Pro

Easy data binding

Knockout uses HTML5 data attributes to bind HTML elements to data objects in javascript. This allows more work to be done by the framework rather than requiring you to specify where data should be bound in the javascript. The data binding is very intuitive as the bindings are done within the HTML itself in the location it should be bound. See More

Top Con

Slower than others when amount of objects grows

Knockout has a bad performance when the dealing with large amount of objects. You can see more here. See More

Top Pro

Easy to learn

Has a low entry barrier and an easy learning curve. It's especially easy to learn for beginners. See More

Top Con

Can become complex once the application grows large

Knockout leaves the application structure to the developer and it can become quite complex and unmanageable in the hands of a beginner once the application grows large and complex. See More

Top Pro

Built in templating

Bindings in Knockout can also be used to control the generated structure of the HTML. There are bindings provided to allow for iteration and conditionals. The structure of the html reflects the structure of the data so iterative elements are bound to arrays in the data model. Having the HTML structure maintained by bindings keeps the templating simple, easy to read, and maintain. Knockout also allows for string based templating so you can use whatever templating library you prefer. See More

Top Con

Two way binding requires a little extra work

When allowing users to edit existing data, the two-way binding of observables means you'll need to have to save original values before they're edited, to make comparisons or revert if the user cancels the action. See More

Top Pro

Legacy browser support

Supports a large number of browsers, including IE6. See More

Top Pro

Great documentation

The excellent tutorials with built-in exercises are a great learning experience, even for people without prior MVVM and data binding experience. See More

Top Pro

Lightweight and plays nicely with other libraries

Top Pro

Dynamic models help with keeping the code simple and clean

Models in Knockout can be watched to keep the page data up to date by using observable objects. The observables notify Knockout when data is changed and automatically updates the page when this happens. By having Knockout maintain this relation, it keeps the front end code cleaner and simpler, and by enforcing a consistent pattern with observables the methodology can be more robust. See More

Top Pro

Very flexible

One can do a lot of things and it keeps self references and other types of loops under control. See More

Top Pro

It's only a library

Knockout does one thing, and does it well. It doesn't try to take on more than one area. It does MVVM data binding and that is it. See More

Top Pro

Simple manageable modules

Using components is a great way of breaking up large modules into simpler ones. See More

See All Experiences

77 14

score 1 · Answer 13

Zino UI

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

1 0

score 9 · Answer 14

Sencha Ext JS

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

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

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

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

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

See All Experiences

9 3

score 29 · Answer 15

Marko Widgets

Top Pro

Very fast on the server

Using Marko and Marko Widgets to render UI components on the server was shown to be 10x faster than React. A benchmark application was built using both Marko+Marko Widgets and React and the results of rendering a page of 100 search results on the server was measured and compared. Both the Marko Widgets code and the React code used a very similar UI components-based appraoch. See More

Top Pro

Stateful UI components

Marko Widgets supports stateful UI components. Marko Widgets will automatically rerender a UI component if its internal state changes. A UI component's state is stored in the this.state property that is a vanilla JavaScript object. All changes to the state should go through the this.setState(name, value) method (or this.replaceState(newState)) See More

Top Pro

Very fast in the browser

Marko Widgets utilizes the morphdom module for updating the DOM and that module was shown to be very competitive with React and virtual-dom. See More

Top Pro

The real DOM is the source of truth

Marko Widgets does not rely on a virtual DOM abstraction. Instead, the real DOM is always the source of truth. When updating the DOM, the newly rendered DOM is compared with the real DOM. See More

Top Pro

DOM diffing/patching

Marko Widgets updates the DOM using a DOM diffing/patching algorithm to minimize the number of changes to the DOM when rerendering a UI component due to state changes. The DOM diffing/patching is handled by the independent morphdom library. See More

Top Pro

Simple JavaScript API for rendering a UI component

The following code illustrates how the render(input) method exported by a UI component's JavaScript module can be used to render a UI component and insert the resulting HTML into the DOM: require('./app-hello') .render({ name: 'John' }) .appendTo(document.body) See More

Top Pro

Batched updates

Updates to the DOM are deferred until all state changes have completed for the current tick. That is, changing a widget's state will not cause the UI component's DOM to immediately be updated. See More

Top Pro

Declarative eventing binding

Marko Widgets offers a simple mechanism for declaratively binding DOM event and custom event listeners to widget handler methods. For example: <button type="button" w-onClick="handleClick"> Click Me </button> And then in the JavaScript: module.exports = require('marko-widgets').defineComponent({ // ... handleClick: function(event, el) { this.doSomething(); } }); See More

Top Pro

Marko templating engine for the view

Marko is a fast and lightweight, general purpose HTML-based templating engine that compiles templates to CommonJS modules and supports streaming, async rendering and custom tags. Marko is used for rendering UI components and Marko Widgets is used to bind client-side behavior to rendered UI components. Marko can be used independently of Marko Widgets and this makes it suitable in all situations where HTML rendering is needed. See More

Top Pro

Efficient binding of behavior for UI components rendered on the server.

When utilizing server-side rendering of a UI, Marko Widgets does not require that the UI be rerendered again in the browser just to bind behavior. Instead, extra information is passed down from the server to the client to allow Marko Widgets to efficiently bind widgets to UI components rendered on the server. See More

Top Pro

Lightweight (~10 KB gzipped)

The runtime for Marko Widgets is extremely small. The runtime is very small and this makes Marko Widgets much simpler and easier to understand and debug. Marko Widgets offloads much of the work and complexity to compile time code so that the work required at runtime is minimal. See More

Top Pro

Easily reference nested DOM elements and nested widgets

Marko Widgets supports the concept of "scoped" IDs. With scoped IDs, a nested DOM element or nested widget can be given an ID that is unique within the scope of the containing widget. At runtime the actual ID will be the scoped ID prefixed with the ID of the parent widget. A reference nested widget can be obtained using the this.getWidget(scopedId) method and a reference to a nested DOM element can be obtained using the this.getEl(scopedId) method. For example: <div class="my-app" w-bind> <button type="button" w-onClick="handleButtonClick"> Click Me </button> <alert-overlay visible="false" w-id="alert"> This is a test alert. </alert-overlay> <div w-id="clickMessage" style="display: none;"> You clicked the button! </div> </div> And then in the JavaScript code: module.exports = require('marko-widgets').defineComponent({ // ... handleButtonClick: function(event, el) { var alertWidget = this.getWidget('alert'); // Call the `show()` function implemented by the alert widget: alertWidget.show(); var clickMessageEl = this.getEl('clickMessage'); clickMessageEl.style.display = 'block'; } }); See More

Top Pro

Efficient event delegation

Marko Widgets supports efficient event delegation to avoid attaching DOM event listeners to each DOM node. Instead, Marko Widgets attaches event listeners on the document.body event for events that bubble. Events captured at the root are efficiently delegated out to widgets. See More

Top Pro

UI components can be embedded in a Marko template using a custom tag

The following code illustrates how a UI component can be embedded in a Marko template: <div> <app-hello name="Frank"/> </div> See More

Specs

GZipped size:39.1 kB

See All Experiences

29 10

score 357 · Answer 16

GitHub

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

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

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

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

357 84

score 128 · Answer 17

Riot

Top Pro

Minimal DOM operations

Riot takes the expressions from a DOM tree and stores them in an array. Each of these expressions points to a DOM node. On each cycle these expressions are compared to the values in the DOM. So when a value has changed, Riot automatically updates the corresponding node. This way the operations are kept to a minimal amount and since the expressions can be cached, going through 1000 of them takes less than 1ms. See More

Top Pro

Lightweight

Riot is made to be used with websites of any kind, so it's built to be easy and lightweight, but still maintaining all the needed features for a UI library. It's only 2.5 KB in size when minified. So it can also be used for mobile web apps without requiring much bandwidth to download. See More

Top Pro

Components use familiar HTML tags

Riot components use custom tags which are nothing more than familiar HTML tags coupled with JavaScript. This eliminates the need to learn another templating language or syntax. For example: <todo> <h3>TODO</h3> <ul> <li each={ item, i in items }>{ item }</li> </ul> <form onsubmit={ handleSubmit }> <input> <button>Add #{ items.length + 1 }</button> </form> this.items = [] handleSubmit(e) { var input = e.target[0] this.items.push(input.value) input.value = '' } </todo> Riot tries to separate HTML and JavaScript, while still keeping them inside the component. This way, the HTML can also be neatly mixed with JavaScript expressions. See More

Top Pro

Supports server side rendering

Riot has support for server side rendering. The views and data are rendered on the server, then those views are sent as HTML to the browser when a user requests them. This helps with initial loading time and is very useful for SEO purposes because the web app is indexed by search engines same as other static websites that have their HTML on the server. See More

Top Pro

Easily pluggable with JS/HTML/CSS preprocessors

It is very easy to use your favorite preprocessors with the Riot compiler. Riot comes with CoffeeScript, ES6 (Babel), TypeScript, LiveScript and Jade support. You can also add your own parsers. See More

Top Pro

Very simple

It makes React look confusing as hell. Nothing against React - It's just that easy to implement! See More

Top Pro

Scoped CSS available in components

Riot supports scoped CSS inside components for every browser by rewriting stylesheet rules. See More

Top Pro

Lives well with any other library, framework and usage pattern

Since it's not opinionated, even the scripting can be in anything that can be transpired to JavaScript. See More

Top Pro

Separation of concerns with RiotControl

RiotControl is inspired by Facebook's Flux Architecture Pattern and it's a simple Central Event Controller/Dispatcher for Riot. It's extremely lightweight (like Riot itself) but unfortunately passes up on some features in favor of performance and simplicity. RiotControl helps with storing the stater of the application, by passing events from views to stores and vice-versa. Stores can communicate with many views and views can do the same with many stores, this enables to clearly separate concerns and inter-component communication. See More

Specs

Platforms:Android, iOS, Web, Linux, macOS, Windows, Electron

License:free open-source software

Search:yes

End-to-end encryption:yes

See All Specs

See All Experiences

128 46

score 246 · Answer 18

React

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

Heavy on memory

React's virtual DOM is fast, but it requires storing elements in the virtual and real DOM increasing memory usage for the page. This can be a real problem for single-page webapps designed to be left running in the background. 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

Template(view) mixed into code

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

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

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

You have to learn a new syntax

Requires learning 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

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 Con

Not a complete solution

React does not do everything for the developer, it's merely a tool for building the UI of a web app. It does not have support for routing or models, at least not out of the box. While some missing features can be added through libraries, to start using React and use it in production, you still would need to have experience, or at least a good grasp on what the best libraries to use would be. 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 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

Template engine independent

React provides a template engine (JSX) which is easy to use. But it's not mandatory. See More

Top Con

Renders too frequently

Top Pro

Widely used

The framework is widely used in the industry. 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

Functional programming style leads to less buggy UIs

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 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

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 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

Keep control over your app's logic

React is just a view library, so you still have (almost) full control over how your app behaves. See More

Top Pro

Supported by ClojureScript libraries

Reagent, Om, Rum, etc. 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 millions of people experiencing it every day. See More

Specs

GZipped size:45K

See All Experiences

246 101

score 0 · Answer 19

Blueprint

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

Top Pro

Looks great

The UI it generates is professional and polished See More

Top Con

Requires ReactJS

Top Con

Documentation lacks examples

Docs are thorough, but examples sparse See More

0 0

What is the best alternative to Syncfusion JavaScript UI Controls?

A lot of widgets

Commercial license

Views can be constructed using JavaScript without HTML

Not very popular

Seems to be quite stable

Not modular

Webix Jet

Extremely simple to implement.

Mature project

Great support from the webix team

Awesome responsive material skins

Easy clustering

Very fast dialogs

Longlife framework

Fast and powerful

CDI via EL

High security

Server development with Java

Free use

Good scalability

Various basic components

No server-side rendering

HTML markup is not string

Flex layout components

CSS is easy to apply

No need for special debugging tools

Excellent routing

Complete web app stack support

Excellent documentation

Based on web components

API is easy to understand, based on standard

Highly modular

Not able to keep up with the future of the web

Consistent and complete

Integrated first-party loader makes interoperability extremely difficult

Not only web apps

No startup-function

Can be used with any front-end stack

Poor typescript support

Single file component

Very enterpris-ey in design and tooling

Lightweight

Vuex store, events system

Reactivity system

CLI and Webpack integration

Responsive server-side rendering

Supports inline templating

Can be made even lighter

Support for both templates and JSX

SEO friendly

VueRouter

Compiles Java to JavaScript

Weak scalability

Easy to use

Top notch documentation

Modern, configurable theming

Easy to develop prototypes quickly

Cross-browser compatibility

Slow development

Globalization support

Good documentation

Expense: Free LGPL version but expensive to leverage the real power of the framework

Advanced UI widgets

Difficult to integrate with other frameworks like React, Vue, Angular...

Expensive commercial tools [$699, $1,499]

Free Core tools

Platform-based UI

Theme Builder

Functional

No support for legacy browsers

Server side rendering

Not a lot of learning resources

Easy to learn

Can use JSX

Good performance

Good documentation

Needs Vue JS

JQuery is not required

It's light but not empty