Alternatives to Onsen UI
Compare Onsen UI alternatives for your business or organization using the curated list below. SourceForge ranks the best alternatives to Onsen UI in 2026. Compare features, ratings, user reviews, pricing, and more from Onsen UI competitors and alternatives in order to make an informed decision for your business.
-
1
Ionic
Drifty
The Ionic Platform allows you to bring your apps to market faster with an integrated app platform built on the leading cross-platform mobile SDK. Build, secure, and deliver new mobile apps—and transform existing ones—across iOS, Android, and Web platforms from a single codebase. Full scalability—Grow from prototype to production to enterprise-scale, without having to think about capacity, reliability, or performance. Better apps, everywhere—Slash your development time and costs with a platform that lets you write once and deploy anywhere—iOS, Android, and Web. The core of the Ionic development experience is Ionic Capacitor, a cross platform native runtime that runs equally well on native iOS and Android mobile devices, as well as any web browser. The big difference is that, unlike traditional native development or cross-platform approaches, the UI of a Capacitor app runs primarily in the browser.Starting Price: Free -
2
Syncfusion Essential Studio
Syncfusion
Includes more than 1,600 components and frameworks for Windows Forms, WPF, ASP.NET (Web Forms, MVC, Core), UWP, WinUI, Xamarin, Flutter, JavaScript, Angular, Blazor, Vue and React. Includes top requested components such as charts, grids, schedulers, diagrams, maps, gauges, docking, ribbons, and many more! Working with the industry’s best and brightest minds to streamline your business. Includes more than 1,700 components and frameworks for major platforms. A wide range of product demos and training, including video tutorials, documentation, and KBs. Every control is fine-tuned to work with a high volume of data. Create powerful apps by viewing and editing Excel, PDF, Word, and PowerPoint files. Truly unlimited dedicated support system via the public forum, feature & feedback page, live chat, and support tickets. Easy integration of tools to blend Syncfusion controls with your project. -
3
Webix
Webix
JavaScript UI library and framework for speeding up web development. JS Framework for cross-platform web Apps development 102 UI widgets and feature-rich CSS / HTML5 JavaScript controls. Save at least 3000+ development hours by using ready-made widgets and UI controls. Develop Web UI 30% faster. We have accumulated the best design ideas. We have meticulously considered UX of each Webix component for five conceptual designs. Our support service specialists know everything about our library and can help you solve any problem. We also have an official support forum where you can discuss issues with our developers. By using Webix JS framework you receive an elegant and lightweight code based on object-oriented programming concepts. Associate your project with jQuery JavaScript library, MVC frameworks AngularJS, React, Vue.js, Backbone.js, third party UI extensions.Starting Price: $848 -
4
Sencha Ext JS
Sencha
Sencha Ext JS is a comprehensive JavaScript application framework for building feature-rich, cross-browser-compatible web and mobile applications. It includes a library with 140+ high-performance customizable components, a set of tools and a powerful UI Framework. Key Features Rich UI Components – Includes a variety of pre-built UI elements such as grids and trees, menus and toolbars, forms and buttons, etc. Cross-platform compatibility - Supports major desktop and mobile web browsers including IE Firefox Chrome Safari and Opera. Data Packages – Includes data components to interact with various data sources including JSON, XML and database connections. Theming and Skinning - Allow easy skinning and theming of the UI with CSS. Development Tools - Includes an extensive set of development tools including a visual designer and debugger. Large Community - Has an active and large community of developers who provide support, extensions, etc.Starting Price: $1,295 one-time payment -
5
Kendo UI
Progress Software
Kendo UI is the ultimate collection of JavaScript UI components with libraries for jQuery, Angular, React, and Vue. Quickly build eye-catching, high-performance, responsive web applications—regardless of your JavaScript framework choice. Easily add advanced JavaScript components into your existing or new designs. Kendo UI’s hundreds of components handle everything you need to satisfy your users’ requirements. Add advanced components such as data grids, charts, schedulers, and calendars with just a few lines of code. Each is crafted for performance and customizability. Switching frameworks and starting new projects won’t require a new license or a big learning curve. Everything is included and up-to-date, APIs are consistent and theming is easy. Our QA process coupled with world-class support teams and a large user community means that our components will always work the way they’re supposed to—guaranteed.Starting Price: $899 -
6
Apache Cordova
Apache Software Foundation
Mobile apps with HTML, CSS & JS. Target multiple platforms with one code base. Free and open source. Reusable code across platforms, support for offline scenarios, access native device APIs. Cordova command-line runs on Node.js and is available on NPM. Follow platform specific guides to install additional platform dependencies. Create a blank Cordova project using the command-line tool. Navigate to the directory where you wish to create your project and type cordova create <path>. After creating a Cordova project, navigate to the project directory. From the project directory, you need to add a platform for which you want to build your app. Cordova wraps your HTML/JavaScript app into a native container which can access the device functions of several platforms. These functions are exposed via a unified JavaScript API, allowing you to easily write one set of code to target nearly every phone or tablet on the market today and publish to their app stores. -
7
Untitled UI
Untitled UI
Untitled UI is the world’s largest Figma UI kit, React component library, and icon system, offering designers and developers everything needed to design and build modern interfaces at speed. The Figma library features over 900 global styles and variables for color, typography, and effects, more than 10,000 meticulously crafted components and variants, 420 ready‑to‑use desktop and mobile page examples, and 4,600 neutral icons and logos, fully integrated into one design system. On the development side, Untitled UI React provides an open‑source collection of production‑ready components built with React v19.1, Tailwind CSS v4.1, TypeScript v5.8, and React Aria, ensuring type safety, accessibility (keyboard navigation and screen‑reader support), and lightning‑fast performance without lock‑in. AI‑ready Lovable and bolt.new kits enable instant prototyping with simple prompts, while seamless Figma previews and consistent styling across both platforms.Starting Price: $129 per month -
8
UIkit
UIkit
Create websites on the fly with the drag and drop page builder. It generates perfect UIkit markup, tailored for your needs. Customize every aspect of UIkit visually, build and arrange your content, all in one comprehensive and intuitive interface. Build pages with ready-to-use elements made from UIkit components, like buttons, cards, accordions and much more. Modify the visual appearance of your site – including colors, fonts, margins and other style-related properties – with a sophisticated style customizer for UIkit.Starting Price: Free -
9
UX-App
UX App
Easily create clickable, fully interactive prototypes with real HTML components, no coding needed. Collaborate with your team and share your work effortlessly with clients. Invite team members to comment on your designs, use team chat, share links & chat. Share a link to your prototypes & get feedback with clients or stake holders directly. Export your design to PNG or fully functional html & JavaScript ready for testing and feedback. Speed up your software prototypes. Wire up working prototypes for desktop applications, mobile apps and websites with our visual actions designer. Check out our tutorials to see how incredibly easy it it to create rapid prototypes. Create working mockups and preview them on your device with full support for touch gestures such as tap, swipe, log tap etc. Use Actions & Events to create complex UX interactions, animations, transitions between artboards and many other comlpex interactions, without writing a single line of code!Starting Price: $5 per month -
10
NativeScript
NativeScript
Improve OSS repository management using multiple monorepo setups. Improved onboarding: tutorials for all flavors, linked from the home page. Improved Dialog handling with core-provided abstract APIs. Core: split out architectural level packages for advanced use-cases and scalability. This page will walk through installing everything you need to build your first NativeScript app. Setting up the Android development environment can be daunting if you are new to Android development, however following the next steps carefully will get you up and running in no time. Setting up the Android development environment can be daunting if you are new to Android development, however following the next steps carefully will get you up and running in no time.Starting Price: Free -
11
Nevron Open Vision for .NET
Nevron Software
Nevron Open Vision for .NET is a suite of advanced components for .NET application development under WinForms, WPF, and Xamarin.Mac. All the components in the suite are cross platforms. NOV changes how you develop with .NET as with it you can write UI code that runs on Windows and Mac OS X without any modifications. Further, NOV provides a consistent window-less UI experience that provides fast and efficient management of UI resources, flicker-free, and 4K-enabled interfaces. All controls in the suite are GPU accelerated. Besides quality common UI controls (buttons, checkboxes, list boxes, tree view, etc.) NOV also includes class-leading heavy controls such as Barcode, Chart, Diagram, Gauge, Grid, Rich-Text Editor, and Scheduler. All controls in the suite are implemented both as native NOV controls and as platform-specific - WinForm, WPF, or Xamarin. Mac controls, which allows you to simply drag and drop them to your forms. All common UI controls in the suite are completely free.Starting Price: $ 1496.00 -
12
Refine
Refine
Refine is an open source React-based framework designed for building data-intensive web applications such as admin panels, dashboards, and internal tools. Its headless architecture provides developers with complete control over UI and business logic, enabling seamless integration with various UI frameworks. Refine offers a zero-configuration setup, allowing developers to initiate projects swiftly using the create refine-app CLI tool. It supports over 15 backend services, including REST APIs, GraphQL, Supabase, Strapi, NestJS CRUD, Hasura, Appwrite, Firebase, and Airtable, facilitating rapid development of CRUD operations. It incorporates advanced features such as real-time data handling, authentication and authorization mechanisms, internationalization (i18n), audit logging, and customizable routing with support for Next.js and Remix.Starting Price: Free -
13
Flutter
Google
Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. Paint your app to life in milliseconds with Stateful Hot Reload. Use a rich set of fully-customizable widgets to build native interfaces in minutes. Quickly ship features with a focus on native end-user experiences. Layered architecture allows for full customization, which results in incredibly fast rendering and expressive and flexible designs. Flutter’s widgets incorporate all critical platform differences such as scrolling, navigation, icons and fonts, and your Flutter code is compiled to native ARM machine code using Dart's native compilers. Flutter's hot reload helps you quickly and easily experiment, build UIs, add features, and fix bugs faster. Experience sub-second reload times without losing state on emulators, simulators, and hardware. -
14
Semantic UI React
Vercel
Semantic UI React is the official React integration for Semantic UI. jQuery-free, declarative API, augmentation, shorthand props, sub-components, auto controlled state. jQuery is a DOM manipulation library. It reads from and writes to the DOM. React uses a virtual DOM (a JavaScript representation of the real DOM). React only writes patch updates to the DOM, but never reads from it. It is not feasible to keep real DOM manipulations in sync with React's virtual DOM. Because of this, all jQuery functionality has been re-implemented in React. Control the rendered HTML tag, or render one component as another component. Extra props are passed to the component you are rendering as. Augmentation is powerful. You can compose component features and props without adding extra nested components. Shorthand props generate markup for you, making many use cases a breeze. All object props are spread on the child components.Starting Price: Free -
15
Oorian
Corvus Engineering
Oorian is a server-side Java web framework for building interactive web applications without writing JavaScript. HTML elements are Java objects with type-safe styling, events are handled with standard Java listeners, and real-time updates flow automatically via AJAX, SSE, or WebSocket—your choice per page. Rather than reinventing UI components, Oorian wraps best-of-breed JavaScript libraries (AG Grid, Syncfusion, Chart.js, and 150+ more), so you get enterprise-grade components maintained by specialists. Battle-tested in production for over 10 years, Oorian is free for non-commercial use with commercial licensing available. -
16
Framework7
Framework7
Framework7 is a free and open-source framework to develop mobile, desktop, or web apps with a native look and feel. It is also an indispensable prototyping tool to show a working app prototype as soon as possible in case you need to. With such a stunning set of UI components that Framework7 provides right from the box, it allows to create web apps, progressive web apps (PWA), and iOS and Android apps with a native look and feel. Framework7 paired with extra tools like Electron and NW.js allows to build native desktop apps. You can use any tools you love when working with Framework7. It doesn’t force you to use anything except plain HTML, CSS, and JavaScript. Creating apps with Framework7 is easy as creating a website. And in addition to vanilla JavaScript library, Framework7 comes with Vue.js, React, and Svelte components to bring components-syntax, structured data, and data bindings with the power and simplicity of Vue.js, React, or Svelte.Starting Price: Free -
17
Magic UI
Magic UI
Magic UI is a free and open source UI library crafted for design engineers, offering over 150 animated components and effects built with React, TypeScript, Tailwind CSS, and Framer Motion. It serves as a perfect companion to shadcn/ui, enabling developers to create visually engaging landing pages and user interfaces with minimal effort. It includes a diverse range of components such as animated text, buttons, backgrounds, device mockups, and special effects like confetti and neon gradients. Magic UI Pro extends this offering with 50+ professionally designed blocks and templates tailored for various applications, including AI agents, developer tools, mobile apps, SaaS products, startups, and portfolios. These templates are built with React, Next.js, Tailwind CSS, and Framer Motion, ensuring responsive design and smooth animations.Starting Price: Free -
18
Titanium SDK
Titanium SDK
Write in JavaScript, and run natively everywhere. Titanium lets you develop cross-platform native mobile applications and build great mobile experiences using JavaScript. Access your application's hundreds of native UI and non-visual components (such as networks and media APIs). Easily include third-party modules in your apps with Titanium's wide selection of community modules and premium support integrations. The Titanium SDK helps you build native cross-platform mobile applications using JavaScript and the Titanium API, which abstracts the native APIs of the mobile platforms. Titanium empowers you to create immersive, full-featured applications, featuring over 80% code reuse across mobile apps. TiDev licenses Titanium under the OSI-approved Apache Public License (Version 2) and is free for personal and commercial use. Create a basic UI, manage event handling and learn about animations, gestures, and orientation modes.Starting Price: Free -
19
Enhance
Enhance
Enhance ships with everything you need to build a production-ready app. Organize your pages as easily as a desktop folder. Access and store data with simple JavaScript functions. Build reusable components with HTML and scoped CSS. Add client-side interaction just where you need it. Build server-rendered custom elements that seamlessly upgrade to interactive web components. Enhance makes the right way the easy way. Start with a version that works everywhere for everyone. Incrementally upgrade interactive elements from there. The web platform has what you need and never goes out of fashion. Ditch throbbers and loading screens by removing framework bloat and authoring only the code you need. When you learn Enhance, you’re learning development approaches that will last as long as the web does. Enhance apps are designed with deployment in mind. When you're ready to launch, we've got you covered with Begin. -
20
DHTMLX
DHTMLX
DHTMLX is a JavaScript UI library that provides a set of highly customizable and flexible components for building modern and responsive web applications. The library includes more than 30 UI components, such as Gantt, Scheduler, Kanban, diagrams, charts, grids, spreadsheets, calendars, trees, forms, and more. DHTMLX helps to advance web development and build feature-rich data-intensive applications of any complexity. One of the key advantages of DHTMLX is its compatibility with different web frameworks, including React, Angular, and Vue.js, which makes it a great choice for developers who are already working with these frameworks. DHTMLX is also designed with performance in mind. Its components are optimized for fast rendering. A comprehensive and rich API provides a straightforward way to manipulate JavaScript/HTML5 UI widgets. The library has detailed API documentation, tutorials, and examples that help developers quickly get up to speed and start building their apps.Starting Price: $79 -
21
TypeORM
TypeORM
TypeORM is an ORM that can run in NodeJS, Browser, Cordova, PhoneGap, Ionic, React Native, NativeScript, Expo, and Electron platforms and can be used with TypeScript and JavaScript (ES5, ES6, ES7, ES8). Its goal is to always support the latest JavaScript features and provide additional features that help you to develop any kind of application that uses databases - from small applications with a few tables to large scale enterprise applications with multiple databases. TypeORM supports both Active Record and Data Mapper patterns, unlike all other JavaScript ORMs currently in existence, which means you can write high quality, loosely coupled, scalable, maintainable applications the most productive way. -
22
Aurelia
Aurelia
Aurelia's standards-based, unobtrusive style makes it the only framework that empowers you to build components using vanilla JavaScript or TypeScript. If you know modern JS and HTML, there's little more to learn to build even the most complex apps. At the core of Aurelia is a high-performance, reactive system, capable of batching DOM updates in a way that leaves other frameworks, and their virtual DOMs, in the dust. Experience consistent, scalable performance, no matter how complex your UI. Aurelia enables powerful reactive binding to any object. By using adaptive techniques Aurelia selects the most efficient way to observe each property in your model and automatically syncs your UI and your state with best-in-class performance. State management, internationalization and validation - all official plugins from the core team. CLI, VS Code plugin, and Chrome debugger - optional tools to enhance development.Starting Price: Free -
23
Qt Design Studio
Qt Group
Define the look of the UI and create beautiful animations either utilizing Qt's ready-made, native-looking UI components, or designing pixel-perfect elements entirely from scratch. Bring your designs to life with Qt Design Studio’s prototyping features to simulate and validate interactions and dynamic behaviors. Instantly preview and fine-tune your designs to pixel-perfection and test it on the target device. Rely on the tools you know and combine them with a powerful framework. Save time and effort by reusing powerful QML components in the same or different projects. Take your UI designs to a whole new dimension with native support for 2D and 3D graphics that you can mix and animate seamlessly. Use our ready-made, native-looking UI elements instead of creating them from scratch. Less need to write and update heavy specifications as the designs are immediately usable by developers.Starting Price: $83 per month -
24
SvelteKit
SvelteKit
SvelteKit is a framework for rapidly developing robust, performant web applications using Svelte. It addresses common development challenges by providing solutions for routing, server-side rendering, data fetching, service workers, TypeScript integration, and more. SvelteKit apps are server-rendered by default, offering excellent first-load performance and SEO benefits, but can transition to client-side navigation to enhance user experience. The framework is designed to grow with developers, allowing them to start simple and add new features as needed. SvelteKit leverages Vite for a fast and feature-rich development experience, including hot module replacement. In short, Svelte is a way of writing user interface components, like a navigation bar, comment section, or contact form, that users see and interact with in their browsers. The Svelte compiler converts your components to JavaScript that can be run to render the HTML for the page and to CSS that styles the page.Starting Price: Free -
25
Wijmo
GrapeCity
High-performance JavaScript UI controls for enterprise apps. Build lightweight, high-speed HTML5/JavaScript apps with zero dependencies, fast! New in Wijmo 2022 v1: - Inventory management reference app built in Angular - Website traffic monitoring reference app built in Angular - FlexMap added to GeoDashboard reference app - Rotated Spline Chart - Re-order FlexGrid rows with drag and drop General Features of Wijmo: - CellTemplates for Angular, React and Vue FlexGrids - Use Wijmo’s single set of true JavaScript controls in any framework, including Angular, React, and Vue.js - Use controls as native HTML elements with Wijmo Web Components - Filter, group, sort, and more with FlexGrid, JavaScript’s fastest data grid - Visualize data with 80+ charts and controls - Instantly analyze and aggregate data with OLAP Pivot GridStarting Price: $695 per user per year -
26
Vue.js
Vue.js
Builds on top of standard HTML, CSS and JavaScript with intuitive API and world-class documentation. Truly reactive, compiler-optimized rendering system that rarely requires manual optimization. A rich, incrementally adoptable ecosystem that scales between a library and a full-featured framework. Vue is a JavaScript framework for building user interfaces. It builds on top of standard HTML, CSS and JavaScript, and provides a declarative and component-based programming model that helps you efficiently develop user interfaces, be it simple or complex. Vue extends standard HTML with a template syntax that allows us to declaratively describe HTML output based on JavaScript state. Vue automatically tracks JavaScript state changes and efficiently updates the DOM when changes happen. Vue is a framework and ecosystem that covers most of the common features needed in frontend development. -
27
AG Grid
AG Grid
AG Grid is a high-performance, feature-rich JavaScript Data Grid library used to display, manipulate, and interact with large tabular datasets in modern web applications, offering core features such as sorting, filtering, editing, grouping, aggregation, pivoting, pagination, and responsive performance that scales to hundreds of thousands of rows with minimal overhead. It is framework-agnostic with official support for major frameworks, including React, Angular, Vue, and plain JavaScript, while maintaining a single consistent API and zero third-party dependencies, making it simple to integrate into existing applications and customize deeply with user-defined components, theming, and modules that allow fine control over bundle size and capabilities. AG Grid is available in a free open source Community edition with essential grid functionality under the MIT license, as well as a commercial Enterprise edition that adds advanced features.Starting Price: $999 per developer -
28
Omnis Studio
Omnis Software Ltd
Omnis Studio is a cross platform application development environment. Omnis Studio allows application developers and programmers to write application code and business logic once, and deploy their applications on virtually any platform or device, including desktop PCs on Windows and macOS, as well as tablets and phones on iOS, Android and Windows. Support for a large range of client devices is enabled using the Omnis JavaScript Client, a unique JavaScript based technology for rendering the application UI and web forms in a standard web browser on desktops and mobile devices. The integration of data and services is available in Omnis Studio via REST based Web Services, and functionality can be extended within Omnis Studio by utilizing its powerful and flexible external components API. Omnis is headquartered in the UK and has subsidiaries in USA, France and Germany and distributors for many other parts of the world. -
29
Ant Design
Ant Design
This is Ant Design's internal standard for evaluating design quality. Based on the assumption that "everyone is pursuing happiness at work", we have added the two values of "Meaningfulness" and "Growth" on the basis of "Certainty" and "Naturalness" to guide each designer towards better judgment and decision-making. Ant Design React is dedicated to providing a good development experience for programmers. Before starting, it is recommended to learn React and ES2015 first, and correctly install and configure Node.js v8 or above. The official guide also assumes that you have intermediate knowledge about HTML, CSS, and JavaScript, and React. If you are just starting to learn front-end or React, it may not be the best idea to use the UI framework as your first step.Starting Price: Free -
30
Nullstack
Nullstack
Write the backend and frontend of a feature in a single component and let the framework decide where the code should run. Nullstack provides you with all the tools you need to stay focused on the product. On the first render, you'll get SEO-ready HTML optimized for the first paint of your route in a single request using local functions with zero JavaScript dependencies in the client bundle. After the content is served and the network is idle Nullstack JavaScript is loaded, the state of the application is restored through hydration and it becomes a single-page application. Subsequent server functions will fetch JSON from an automatically generated microservice API, deserialize the response, update the application state, and rerender the page out of the box. A full stack lifecycle combined with a feature-driven mindset allows you to write clean and reusable code without the need to create APIs manually. -
31
Oracle ADF Faces
Oracle
Faster, simpler, and richer user interface development Oracle ADF Faces components is a set of over 150 Ajax-enabled JSF components that let you build a richer web user interface for Java EE applications. Oracle ADF Faces components are free to develop and deploy through Oracle ADF Essentials. Over 150+ AJAX-enabled components. Extensive data visualization components, with JSF 2 support. Complete JavaScript API. Drag and drop framework. Dialog and popup framework. Navigation menu framework. Internationalization and accessibility support. Tablet/touch gesture support. Declarative partial page rendering. Support for skinning. Support for page templates, reusable page regions, and declarative components. Support for the Oracle Alta UI. Integration with ADFc to support TaskFlows and bookmarking. Integration with ADFm to support data bindings. Oracle ADF security support.Starting Price: Free -
32
daisyUI
daisyUI
DaisyUI is a Tailwind CSS component library that enhances development efficiency by providing semantic class names for UI components, such as cards and toggles. This approach reduces the need to write extensive utility classes, resulting in cleaner and more maintainable HTML. DaisyUI is built on top of Tailwind CSS, allowing developers to customize components using Tailwind's utility classes. It operates as a pure CSS plugin without JavaScript dependencies, ensuring compatibility across various JavaScript frameworks. Installation is straightforward, and it supports unlimited themes through customizable color names that utilize CSS variables, facilitating features like dark mode without additional class names. daisyUI is built on top of Tailwind CSS so you can customize everything using utility classes. daisyUI is a plugin for Tailwind CSS. It works on all JS frameworks and doesn't need a JS bundle file.Starting Price: $49 one-time payment -
33
Mobiscroll
Mobiscroll
Responsive UI components for web & mobile developers used and loved by more than 7700 companies, small & large. More efficient than building it yourself or cheap plugins. Better for mobile and more simple than bloated libraries.Starting Price: $225 -
34
Blazor
Microsoft
Blazor lets you build interactive web UIs using C# instead of JavaScript. Blazor apps are composed of reusable web UI components implemented using C#, HTML, and CSS. Both client and server code is written in C#, allowing you to share code and libraries. Blazor is a feature of ASP.NET, the popular web development framework that extends the .NET developer platform with tools and libraries for building web apps. Blazor can run your client-side C# code directly in the browser, using WebAssembly. Because it's real .NET running on WebAssembly, you can re-use code and libraries from server-side parts of your application. Alternatively, Blazor can run your client logic on the server. Client UI events are sent back to the server using SignalR - a real-time messaging framework. Once execution completes, the required UI changes are sent to the client and merged into the DOM.Starting Price: Free -
35
React Bootstrap
React Bootstrap
The most popular front-end framework rebuilt for React. React-Bootstrap replaces Bootstrap JavaScript. Each component has been built from scratch as a true React component, without unneeded dependencies like jQuery. As one of the oldest React libraries, React-Bootstrap has evolved and grown alongside React, making it an excellent choice as your UI foundation. Built with compatibility in mind, we embrace our bootstrap core and strive to be compatible with the world's largest UI ecosystem. By relying entirely on the Bootstrap stylesheet, React-Bootstrap just works with the thousands of Bootstrap themes you already love. The React component model gives us more control over form and function of each component. Each component is implemented with accessibility in mind. The result is a set of accessible-by-default components, over what is possible from plain Bootstrap.Starting Price: Free -
36
Backbone.js
Backbone.js
Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface. When working on a web application that involves a lot of JavaScript, one of the first things you learn is to stop tying your data to the DOM. It's all too easy to create JavaScript applications that end up as tangled piles of jQuery selectors and callbacks, all trying frantically to keep data in sync between the HTML UI, your JavaScript logic, and the database on your server. For rich client-side applications, a more structured approach is often helpful. With Backbone, you represent your data as Models, which can be created, validated, destroyed, and saved to the server.Starting Price: Free -
37
Livewire
Laravel
Livewire is a full-stack framework for Laravel that simplifies building dynamic interfaces without leaving the comfort of Laravel. It allows developers to create modern, reactive web applications using Laravel's Blade templating engine, eliminating the need for a separate frontend framework. Livewire components can communicate with each other through a global event system, enabling seamless interaction between components on the same page. The framework supports features like data binding, validation, and lifecycle hooks, facilitating the development of complex, dynamic interfaces. By handling frontend interactions on the server side, Livewire reduces the complexity of building dynamic UIs, allowing developers to focus on application logic without extensive JavaScript. Livewire renders the initial component output with the page. This way, it's SEO-friendly. When an interaction occurs, Livewire makes an AJAX request to the server with the updated data. -
38
Mithril.js
Mithril.js
Mithril.js is a modern client-side JavaScript framework for building Single Page Applications. It's small (< 10kb gzip), fast and provides routing and XHR utilities out of the box. Mithril.js is used by companies like Vimeo and Nike, and open source platforms like Lichess. If you are an experienced developer and want to know how Mithril.js compares to other frameworks, see the framework comparison page. An easy way to try out Mithril.js is to include it from a CDN and follow this tutorial. It'll cover the majority of the API surface (including routing and XHR) but it'll only take 10 minutes. You can now update the label of the button by clicking the button. Since we used m.mount, you don't need to manually call m.render to apply the changes in the count variable to the HTML; Mithril.js does it for you.Starting Price: Free -
39
WebDataRocks
WebDataRocks
WebDataRocks is a simple free JS library for creating functional and easy-to-use pivot tables. It can be used with Angular, Vue, React or any other framework. Free Flexible in customization JavaScript based client-side component Loads 1MB of JSON or CSV data files Full set of enterprise features Integration with 3rd party charting libraries Full set of enterprise features Features like filtering, sorting, grouping, conditional and number formatting, calculated values, totals are available for efficient work with your data. It supports printing or exporting web report to PDF, Excel or HTML with just one click. Ready-to-use modern UI The tool offers a classy spreadsheet-like interface optimized both for browsers and apps. All principles of reliability and excellent user experience are already implemented in this web reporting tool.Starting Price: Free -
40
Origami Studio
Origami Studio
A new way to visually layout your Origami prototypes with freeform drawing tools, text editing, and visual components. Wire up flows between screens with built-in present and dismiss animations. Visually layout your components in the Canvas and combine them with powerful interactions in the patch editor. Tap into native hardware APIs. Expand the potential of your prototypes with patches that unlock hardware capabilities. Copy and paste editable vector shape and text layers into Origami. Capture, trim, and export video of your prototype directly in Origami. Easily share prototypes in critique, reviews, or just for fun. Origami performance gets an upgrade. Faster patch editor, faster viewer, faster everything. Preview your prototype on both simulated and physical devices. Importing from design tools like Sketch is as simple as copying and pasting. Make sure you have the Origami Pasteboard installed from the Figma plugin community. -
41
React Aria
Adobe
React Aria is a library of unstyled React components and hooks that help you build accessible, high-quality UI components for your application or design system. It provides components for common UI patterns, with accessibility, internationalization, interactions, and behavior built in, allowing you to focus on your unique design and styling rather than rebuilding these challenging aspects. React Aria has been meticulously tested across a wide variety of devices, interaction modalities, and assistive technologies to ensure the best experience possible for all users. React Aria is style-free out of the box, allowing you to build custom designs to fit your application or design system using any styling and animation solution. Each component is broken down into individual parts with built-in states, render props, and slots that make styling a breeze. All components are extensively tested using many popular screen readers and devices.Starting Price: Free -
42
Angular
Angular
Learn one way to build applications with Angular and reuse your code and abilities to build apps for any deployment target. For web, mobile web, native mobile and native desktop. Achieve the maximum speed possible on the Web Platform today, and take it further, via Web Workers and server-side rendering. Angular puts you in control over scalability. Meet huge data requirements by building data models on RxJS, Immutable.js or another push-model. Build features quickly with simple, declarative templates. Extend the template language with your own components and use a wide array of existing components. Get immediate Angular-specific help and feedback with nearly every IDE and editor. All this comes together so you can focus on building amazing apps rather than trying to make the code work. From prototype through global deployment, Angular delivers the productivity and scalable infrastructure that supports Google's largest applications.Starting Price: Free -
43
SpreadJS
GrapeCity
Deliver true Excel-like spreadsheet experiences, fast - with zero dependencies on Excel. Create financial apps, dashboards, charts, pivot tables, performance benchmarks, science lab notebooks, and other similar JavaScript spreadsheet applications. JavaScript spreadsheet components are software elements that help developers add Excel-like functionality to web applications. SpreadJS is a suite of JavaScript spreadsheet controls that includes import/export, data inputs, cell customization, and an extensive calculation engine with over 500 functions. With over 25 years of experience in creating award-winning spreadsheets for professional developers, we already know what you want and need. No other spreadsheet vendor can match that. Put our spreadsheet experience to work for you today.Starting Price: $1,499 per developer -
44
jQuery Mobile
OpenJS Foundation
jQuery Mobile is an HTML5-based user interface system designed to make responsive websites and apps that are accessible on all smartphones, tablets, and desktop devices. jQuery Mobile framework takes the "write less, do more" mantra to the next level: Instead of writing unique applications for each mobile device or OS, the jQuery mobile framework allows you to design a single highly-branded responsive website or application that will work on all popular smartphone, tablet, and desktop platforms. We believe that your website or app should feel like your brand, not any particular OS. To make building highly customized themes easy, we've created ThemeRoller for mobile to make it easy to drag and drop colors and download a custom theme. For polished visuals without the bloat, we leverage CSS3 properties. We recommend using our tool to build a custom bundle that contains only the components you need.Starting Price: Free -
45
Workflow Engine
Optimajet
Embeddable .NET library for running workflows in .NET applications with integrated HTML5 graphical workflow designer. Designer allows you to easily create interactive workflows of any complexity, there’s no need to draft them programmatically. Workflow Engine is a backbone solution for business process management (BPM) which makes it feasible to automate the workflow design by using low-code visual builders. It is based on the .NET framework and JavaScript libraries. Workflow Engine enables workflow processing and correct integration by providing a graphic designer to create process workflow schemes and at the same time, this software component facilitates the management, execution, and visualization of workflow processes. Integration with solutions based on other technologies or databases is roughly the same and should not entail any difficulties. Workflow Engine offers its users all the components necessary to implement workflows of any complexity.Starting Price: $499 one-time payment -
46
Unite UX
Progress Telerik
Designers and developers, you can finally have perfectly matching building blocks on both sides of your own UI design system. Avoid unnecessary iterations and get your apps crafted as designed. Ready-to-use design kits for Figma to match the themes offered with Kendo UI: Material, Bootstrap and Default. Export your design assets to Unite UX and eliminate the handoff hassle. Keep your constantly evolving design assets in perfect sync with the component library. Stop reinventing the wheel when it comes to UI. Create your components in Figma, apply the styles to the ready-made Kendo UI library in Unite UX, reuse infinitely, anywhere. Ensure design requirements are reflected in the development-ready components. Apply styles throughout your entire component library. Collaborate live in-browser with your teammates - designers, developers and beyond. Get and give feedback in context.Starting Price: $16 per user per month -
47
Belle
Belle
Belle provides you with a set of React components like Toggle, ComboBox, Rating, TextInput, Button, Card, Select and soon many more. All of the components are optimized to work both on mobile & desktop devices. The styles are highly customizable on two levels. You can configure the base styles of all the components as well as modify each one of them individually.Starting Price: Free -
48
jQuery
jQuery
jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. If you're new to jQuery. Return a collection of matched elements either found in the DOM based on passed argument(s) or created by passing an HTML string. All the aspects of the API that were deprecated in the corresponding version of jQuery. These methods get and set DOM attributes of elements.Starting Price: Free -
49
Electron
Electron
Thousands of organizations spanning all industries use Electron to build cross-platform software. Build cross-platform desktop apps with JavaScript, HTML, and CSS. If you can build a website, you can build a desktop app. Electron is a framework for creating native applications with web technologies like JavaScript, HTML, and CSS. It takes care of the hard parts so you can focus on the core of your application. Electron uses Chromium and Node.js so you can build your app with HTML, CSS, and JavaScript. Electron is an open-source project maintained by the OpenJS Foundation and an active community of contributors. Compatible with Mac, Windows, and Linux, Electron apps build and run on three platforms. To get started with Electron, check out the resources available. Learn how to wrap your web app with Electron, access all the APIs, and generate installers. Also, Electron Fiddle lets you create and play with small Electron experiments.Starting Price: Free -
50
React Toolbox
React Toolbox
Bootstrap your application with beautiful Material Design components. React Toolbox is a set of React components that implements Google Material Design specification. It's built on top of some of the trendiest proposals like CSS Modules (written in SASS), Webpack, and ES6. The library harmoniously integrates with your Webpack workflow and it's easily customizable and very flexible. Check our awesome documentation (which is built using React Toolbox) and try all the components with live examples. We've created a playground so you don't need to install anything to fall in love with our components, so fun! The app bar is a special kind of toolbar that’s used for branding, navigation, search, and actions. Usually, it contains controls on the right and left side and a title with the current section or app name. You should give the content with children elements. Consists of text, an image, or both, designed in accordance with your app’s color theme.Starting Price: Free
