Alternatives to Ariakit
Compare Ariakit alternatives for your business or organization using the curated list below. SourceForge ranks the best alternatives to Ariakit in 2026. Compare features, ratings, user reviews, pricing, and more from Ariakit competitors and alternatives in order to make an informed decision for your business.
-
1
Radix UI
Radix UI
Radix UI is an open source component library optimized for fast development, easy maintenance, and accessibility. It offers two main packages, Radix Primitives and Radix Themes. Radix Primitives is a low-level UI component library focused on accessibility, customization, and developer experience. Components adhere to WAI-ARIA design patterns, are unstyled by default, and provide full keyboard navigation. Radix Themes is a pre-styled component library designed to work out of the box with minimal configuration. It includes layout primitives, typography, and components like buttons and cards, all customizable via the Theme component. Radix Colors offers a comprehensive, accessible color system for designing beautiful, accessible websites and apps. It supports automatic dark mode, transparent variants, and is designed for user interfaces. Radix Icons provides a crisp set of 15×15 icons available as individual React components.Starting Price: Free -
2
Headless UI
Headless UI
Headless UI is a library of completely unstyled, fully accessible UI components designed to integrate seamlessly with Tailwind CSS. It offers a range of components for both React and Vue. These components are built with accessibility in mind, adhering to WAI-ARIA design patterns and providing full keyboard navigation support. Because they are unstyled by default, developers have complete control over the look and feel, allowing for easy customization to match any design system. Headless UI components expose state information through data attributes and render props, enabling developers to conditionally apply styles based on component states such as focus, open, selected, or disabled. This approach ensures that the components are both flexible and accessible, making them suitable for building custom, high-quality user interfaces. With Headless UI, developers can create complex UI elements like modals, dropdowns, and tabs without sacrificing accessibility or design flexibility.Starting Price: Free -
3
Base UI
MUI
From the creators of Radix, Material UI, and Floating UI, Base UI is an unstyled React component library for building accessible user interfaces. Our focus is on accessibility, performance, and developer experience. Our goal is to provide a complete set of open-source UI components, with a delightful developer experience, in a sustainable way. Features: - Headless: Base UI components are unstyled, don’t bundle CSS, and don’t prescribe a styling solution. - Accessible: Poor accessibility can make your application difficult to navigate for all users, not just for users with disabilities. - Composable: Component APIs are fully open, so you have direct access to each node, you can easily add or remove parts, and you can wrap them however you prefer.Starting Price: Free -
4
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 -
5
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 -
6
Shadcn Space
WrapPixel
ShadcnSpace is designed to help developers build landing pages, SaaS products, admin dashboards, internal tools, and business applications without starting from scratch. ShadcnSpace is an open source collection of production ready UI components, UI blocks, and website templates built for modern React development. It combines React, Tailwind CSS, and Base UI primitives to help developers build consistent, accessible, and responsive interfaces faster. Every component is copy and paste ready, giving you full code ownership without vendor lock in, while CLI support and MCP Server integration make it easy to discover, install, and generate UI directly inside your development workflow. The library includes 385+ reusable UI components, 380+ UI blocks, and 10+ complete templates covering dashboards, authentication, marketing websites, portfolios, pricing pages, forms, navigation, charts, and more.Starting Price: $49 -
7
React Spectrum
Adobe
React Spectrum is a React implementation of Spectrum, Adobe’s design system. It provides components that are adaptive to interactions and screen sizes across devices, and includes full screen reader and keyboard navigation support for accessibility. React Spectrum components are designed to work with mouse, touch, and keyboard interactions. They’re built with responsive design principles to deliver a great experience, no matter the device. React Spectrum includes automatic support for dark and light modes based on operating system settings. React Spectrum components are designed to support over 30 languages, including support for right-to-left languages, date and number formatting, and more. It offers a comprehensive set of components, including buttons, pickers, collections, date and time inputs, color pickers, forms, navigation elements, overlays, status indicators, and content components.Starting Price: Free -
8
PrimeVue
PrimeVue
PrimeVue is a next-generation UI component library for Vue.js that provides a comprehensive suite of reusable, customizable components, icons, blocks, and application templates to accelerate frontend development and improve productivity. It includes more than 80 ready-to-use components covering all aspects of interface design, such as forms, data tables, navigation, dialogs, and data visualization, allowing developers to build complex applications without creating UI elements from scratch. It is designed to be highly flexible and design-agnostic, offering both styled modes with prebuilt themes like Aura, Lara, or Nora, and an unstyled mode that allows full control using CSS frameworks such as Tailwind, Bootstrap, or custom styles. PrimeVue also supports responsive design, accessibility standards (WCAG compliance), and modern development practices such as TypeScript integration, modular imports, and compatibility with tools like Vite and Nuxt.Starting Price: Free -
9
Tailgrids
Tailgrids
Tailgrids is an open source React UI component library powered by Tailwind CSS, built to help teams ship modern web apps faster with reusable components, UI blocks, templates, and a complete design system. It brings React, Tailwind CSS, and Figma into one unified UI library for developers and designers who need performance, accessibility, consistency, and scalable design-to-development workflows. TailGrids includes 600+ free and pro React UI components, production-ready blocks, and ready-to-launch templates for applications, dashboards, marketing sites, ecommerce, and AI products. Each component and block is designed for real projects, not just demos, with clean modern UI patterns, mobile-first responsiveness, accessibility considerations, predictable structure, and full Tailwind-powered customization. Teams can use TailGrids with React-based frameworks like Next.js, React, Astro, and more, while the CLI helps scaffold projects.Starting Price: $299 per month -
10
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 -
11
Mantine
Mantine
Mantine is a comprehensive React component library designed to facilitate the rapid development of accessible and fully functional web applications. It offers over 100 customizable components and 50 hooks, encompassing a wide range of UI elements such as inputs, buttons, modals, popovers, typography, and layout management tools. Built with TypeScript, Mantine ensures type safety across applications, and its components are compatible with modern frameworks like Next.js and Remix. The library provides native support for dark themes, allowing developers to implement dark mode with minimal configuration. Customization is a key feature, with components supporting extensive visual modifications through props, enabling quick prototyping and experimentation. Mantine also facilitates flexible theming, allowing the extension of the default theme with additional colors, shadows, radius, spacing, fonts, and other properties to meet specific design requirements.Starting Price: Free -
12
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: $799 -
13
Kibo UI
Kibo UI
Kibo UI is a custom registry of composable, accessible, and open source components designed for use with shadcn/ui. Built with technologies like React, TypeScript, Tailwind CSS, Lucide, and Radix UI, Kibo UI offers a suite of functional and fully composable components that developers can build, customize, and extend to their specific needs. It includes a variety of components such as a color picker, an image zoom feature, a QR code generator, code blocks with syntax highlighting and copy-to-clipboard functionality, and a dropzone for drag-and-drop file uploads. Additionally, Kibo UI provides precomposed and animated blocks to help developers get their apps and websites up and running quickly. Examples include an AI chatbot interface and a collaborative canvas for real-time online collaboration. It also offers a pricing page template with a list of plans and features, emphasizing simplicity and transparency.Starting Price: Free -
14
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 -
15
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 -
16
Toolpad Core
MUI
Toolpad Core is a self-hosted, low‑code internal tool builder tailored for full-stack and back-end developers, empowering them to craft admin interfaces, dashboards, and CRUD apps using drag‑and‑drop visuals while retaining full code control. Built on MUI's robust React component ecosystem, integrating MUI Core and X libraries, it offers a Postman‑like query builder for REST APIs, the ability to import custom React components, and smooth integration with Node.js backends, eliminating the need for boilerplate API wiring. Toolpad operates entirely locally, storing configuration in version-control–friendly files and giving developers the freedom to extend from low‑code prototypes to production‑grade features using JavaScript and TypeScript. With deep alignment to React, TypeScript, Next.js, and local IDE workflows, Toolpad bridges the gap between rapid UI assembly and maintainable, production-ready development.Starting Price: $180 per year -
17
Flowbite
Flowbite
Flowbite is an open-source library of interactive UI components built on top of Tailwind CSS, designed to expedite web development by providing a comprehensive set of pre-designed elements. It offers over 56 types of components, including buttons, alerts, breadcrumbs, pagination, and navbars, as well as interactive elements like dropdowns, modals, and tooltips, which are enhanced by custom JavaScript for added interactivity. Developers can integrate Flowbite into existing Tailwind CSS projects via npm or CDN, and it supports various frameworks such as React, Vue.js, Angular, and Next.js. The library also includes a Figma design system, enabling designers to prototype and design applications before development. For those seeking advanced features, Flowbite offers a Pro version with additional components and templates. The ecosystem is further enriched by Flowbite Blocks, providing over 450 website sections and advanced UI components built with Tailwind CSS.Starting Price: $289 one-time payment -
18
shadcn/ui
shadcn/ui
Shadcn/ui is an open source collection of beautifully designed, accessible, and customizable components that developers can seamlessly integrate into their applications. Built with Tailwind CSS, these components are designed for easy copying and pasting, facilitating rapid development without compromising on design quality. The library offers a diverse range of components, including buttons, sidebars, avatars, tabs, and charts, all crafted to ensure both aesthetic appeal and functional excellence. Shadcn UI emphasizes composability and theming, allowing developers to tailor components to align with specific project requirements and branding guidelines. The platform provides comprehensive documentation and examples, aiding developers in effectively implementing and customizing components within their projects. By leveraging Shadcn UI, developers can expedite the creation of user interfaces, ensuring consistency and accessibility across applications.Starting Price: Free -
19
Clarity
Clarity Design System
Clarity is a scalable, customizable, open source design system bolstered by the people that build with it, the people we build it for, and the community that makes us who we are. Our toolkit is Figma. Every component, pattern, and guideline we ship is rooted in real customer interactions. As a result, you can rely on Clarity for 30+ components and over 200 icons so you can focus on product-specific user problems. The first folx that built Clarity from scratch were a scrappy team of developers, designers, and content creators. Clarity has continued to grow on that strong start by supporting the big three: Angular, React and Vue. Our latest Core components provide support for them all. Clarity provides code examples and detailed API documentation that guide you as you build your next application.Starting Price: Free -
20
Grommet
Grommet
Build responsive and accessible mobile-first projects for the web with an easy-to-use the component library. A function that recieves two theme objects and returns a theme object that includes both theme values. In case different styling are found for the same components on the two themes, the second argument theme will determine the styling. Tailor composite components with grommet. embrace atomic design methods and build a library that fits your needs. Keyboard navigation, screen reader tags, and more. grommet provides support for W3c’s WCAG 2.1 spec out of the box. Support all the devices! use Flexbox and CSS Grid to provide layouts for all those new phones and widescreen displays.Starting Price: Free -
21
Formidable Victory
Formidable
Victory is a set of modular charting components for React and React Native. Victory makes it easy to get started without sacrificing flexibility. Create one-of-a-kind data visualizations with fully customizable styles and behaviors. Victory uses the same API for web and React Native applications for easy cross-platform charting. Fully contained, reusable data visualization elements are responsible for their own styles and behaviors. A React.js based library for creating sleek presentations using JSX syntax with the ability to live demo your code! Universal React Query Library is a blazing-fast GraphQL client, exposed as a set of ReactJS components. A physics-based animation library for React inspired by the natural world.Starting Price: Free -
22
SVAR UI
SVAR
SVAR offers a collection of open-source, customizable UI components designed to simplify and enhance web application development. Compatible with React, Svelte, and Vue, SVAR components include feature-rich DataGrid for managing tabular data, interactive Gantt Chart for visualizing project timelines, a robust File Manager, and a rich UI library of form controls. With a focus on flexibility, performance, and responsiveness, SVAR UI equips you with the advanced tools needed to build modern, data-driven web apps efficiently. All components are easy customizable, blazing fast and well-documented.Starting Price: $0 -
23
Antiqueruby React Native Material Design UI
Antiqeruby
Antiqueruby React Native Material Design UI Components is every app developer’s dream. That’s because the app template, which is attractive and is designed to save developers hours of work by providing them with stylish and clever UI and UX components to customise their apps. Created using Material Design and offering over 140+ screens for profiles, sign-ins and sign-ups, social media, navigation, and for much more..! It’s no wonder that React Native Material Design UI Components has become one of CodeCanyon’s bestsellers.Starting Price: $29 one-time payment -
24
Chakra UI
Chakra UI
Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications. Chakra UI strictly follows WAI-ARIA standards for all components. Designed with composition in mind. Compose new components with ease. We're a team of active maintainers ready to help you whenever you need. Guaranteed to boost your productivity when building your app or website. Chakra UI strictly follows WAI-ARIA standards for all components. Customize any part of our components to match your design needs. Designed with composition in mind. Compose new components with ease. Optimized for multiple color modes. Use light or dark, your choice. Guaranteed to boost your productivity when building your app or website. We're a team of active maintainers ready to help you whenever you need. An experience you'd expect from a design system.Starting Price: Free -
25
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 -
26
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 -
27
Plate
Plate.js
Plate is a rich-text editor framework for React, designed to simplify complex text editing needs. Built with Slate.js and TypeScript, it offers a highly customizable and extensible editing experience. Plate provides a wide range of plugin packages that enhance the behavior, hooks, serialization, normalization, and other features of the editor. These plugins are "headless," meaning they are unstyled by default, allowing developers to style them as needed. It includes state management with Zustand stores, custom hotkeys, API methods, and transforms accessible through editor.api and editor.transforms. Plate also offers unstyled and accessible components based on Radix UI, serving as the foundation for building high-quality design systems. For those seeking a visually appealing interface, Plate provides pre-built styled components based on shadcn/ui, which can be customized to create a unique, accessible, and visually pleasing user interface.Starting Price: Free -
28
Shaders
Shaders
Shaders is a component-based library designed to bring GPU-accelerated visual effects directly into modern web applications, enabling developers and designers to create interactive, high-performance visuals using WebGPU in the browser. It provides a declarative system where users can compose effects such as animated backgrounds, image distortions, lighting effects, and dynamic UI elements as reusable components compatible with frameworks like React, Vue, Svelte, Solid, and vanilla JavaScript. It includes a visual design editor that allows users to experiment with effects in real time and then export clean, production-ready code that can be seamlessly integrated into frontend projects, reducing the need for low-level shader programming. It offers a growing library of presets and collections, allowing users to quickly implement complex visual styles such as gradients, holographic effects, liquid animations, and ASCII transformations without building them from scratch.Starting Price: $15 per month -
29
Tambo
Tambo
Tambo is an open source AI orchestration framework focused on React front-end apps, letting developers build rich, generative UI assistants that respond to natural language. With Tambo, you register React components and tools once, and the system handles when and how to display UI components (forms, dashboards, charts, etc.), manage state, and call APIs/tools as needed. It supports features like message-thread history, streaming UI/content, suggested actions, authentication, and integration with Model Context Protocol (MCP) servers for context or external data. There’s a pre-built component library to accelerate development (e.g., control bars, message threads, generative forms), CLI tools, hosting via Tambo Cloud, and self-hosting options. Plans range from a free tier (with message/usage limits and community support) to paid tiers that offer higher message volumes, team seats, SSO/RBAC, SLAs, observability, and more.Starting Price: $25 per month -
30
Ignite UI
Infragistics
Build modern, data-rich applications faster with Ignite UI - the most complete UI toolkit with 120+ enterprise-grade components for every major framework. Whether you're working in Angular, React, Blazor, Web Components, or desktop platforms like WPF and Windows Forms, Ignite UI delivers blazing-fast data grids, powerful charting, and responsive layouts built for performance and scalability. From advanced tools like Pivot Grid, Spreadsheet, and DockManager, to developer-friendly CLI support and global theming, everything is designed to streamline development and deliver sleek, high-performance experiences across devices.Starting Price: $1355 per year -
31
Hope UI
Iqonic Design
As the name suggests, Hope UI is the revolutionary admin dashboard built with the developer's aspirations and needs in the first place. Hope UI Laravel Admin Dashboard Template and UI component set is designed with a modular component structure to help design and launch web applications in the fastest way possible. Being able to develop lightweight web applications and admin panels, Hope UI Admin Template comes with a Live Customizer to cut down on development time and coding hours. The Hope UI Bootstrap Admin Dashboard brings the future of admin UI to power your present and future development. Hope UI is available in 8 different technologies which are Bootstrap, Vue JS, React JS, Laravel, CodeIgniter, Figma, XD and Sketch UI Kit and more versions like Tailwind, Angular, React Native, etc are in the roadmap.Starting Price: $99 per year -
32
SaaS UI
SaaS UI
Saas UI is a purpose-built toolkit designed to expedite the development of high-quality applications by providing a comprehensive suite of React components and starter kits. It offers over 40 open-source components, including authentication screens compatible with services like Clerk, Supabase, and Magic, fully functional forms utilizing React Hook Form, and data tables powered by React Table. Built atop industry-leading libraries such as Chakra UI, React Query, and Recharts, Saas UI ensures accessibility by adhering strictly to WAI-ARIA standards and supports full customization through theming and style props. The platform includes a Figma design system, aligning design and development processes seamlessly. Saas UI Pro extends these capabilities with advanced components and tools for billing, onboarding, feature management, and sign-up flows, accompanied by a boilerplate app compatible with Next.js and Electron.Starting Price: €197 one-time payment -
33
Vuetify
Vuetify
Vuetify is an open source Vue.js component framework designed to help developers build modern, responsive, and visually consistent user interfaces using Google’s Material Design principles. It provides a comprehensive collection of pre-built, reusable UI components such as buttons, forms, navigation elements, data tables, and dialogs, all crafted to be accessible and responsive by default across different devices and screen sizes. It includes powerful features such as dynamic theming, global defaults, application layouts, and a flexible grid system, allowing developers to maintain design consistency while customizing the look and feel of their applications. It supports rapid project setup through tooling like Vite and CLI plugins, enabling developers to scaffold applications quickly and focus on functionality instead of low-level styling. Vuetify emphasizes ease of use by eliminating the need for advanced design skills, offering handcrafted components and a large API.Starting Price: Free -
34
Telerik DevCraft
Progress Software
Telerik DevCraft is an AI-powered UI component suite designed to help developers build modern, high-performance applications faster. It includes a comprehensive collection of .NET and JavaScript UI libraries for web, desktop, and mobile development. DevCraft supports popular frameworks such as Blazor, ASP.NET, Angular, React, Vue, WPF, WinForms, and .NET MAUI. Built-in AI coding assistants help automate repetitive tasks and generate production-ready code directly in developers’ IDEs. The suite also includes tools for reporting, document processing, and mocking to support end-to-end application development. DevCraft emphasizes accessibility, performance, and customization across all components. Backed by enterprise-grade support and regular updates, Telerik DevCraft boosts productivity and code quality.Starting Price: $1,299 per developer -
35
Bryntum
Bryntum
Bryntum is a leading provider of high-performance scheduling solutions for the web. Our suite of JavaScript components—including Gantt, Scheduler, Task Board, and Calendar—enables developers to build modern project management applications with features like drag-and-drop scheduling, resource management, and interactive timelines. Seamless integration with popular frameworks such as React, Angular, Vue, and Ext JS ensures flexibility and rapid implementation. From streamlining planning workflows to visualizing complex schedules and optimizing resource allocation, Bryntum’s solutions empower organizations across industries to deliver robust, intuitive project planning tools at scale.Starting Price: $680 -
36
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 -
37
PrimeNG
PrimeNG
Over 80 Angular UI components with top-notch quality to help you implement all your UI requirements in style. Crafted on a design-agnostic infrastructure, choose from a vast amount of themes such as material, bootstrap, tailwind, primeone, or develop your own. 280+ ready-to-copy-paste UI blocks to build spectacular applications in no time. The designer is the ultimate tool to create your own PrimeNG experience powered by a SASS-based theme engine with 500+ variables and a visual designer. Professionally designed highly customizable application templates to get started in style. Open source products of PrimeTek are used all around the world by millions of developers. The ultimate set of UI components to assist you with 90+ impressive Angular components. Connect with the other open source community members, collaborate, and have a voice in the project roadmap. Boost your productivity by achieving more in less time and accomplish amazing results. -
38
Styleguidist
Styleguidist
Supports JavaScript, TypeScript and Flow Works with Create React App out of the box. Share components with your team, including designers and developers. See how components react to different props and data right in the browser. Find the right combination of props and copy the code. React Styleguidist is a component development environment with hot reloaded dev server and a living style guide that you can share with your team. It lists component propTypes and shows live, editable usage examples based on Markdown files. -
39
Xafari Framework
Galaktikasoft
Xafari is a business application framework for .NET developers. It is a set of components, modules, and utilities complementing XAF, DevExpress framework, and enhancing its capacity. Xafari provides further modules for DevExpress XAF UI (Workplaces, Doc Panels, Wizards and others) and business logic (XafariModuleBase, AppModule, Application settings and others). The framework is intended to create complex business applications in two- and three-tier architecture. Our one-year subscription provides you with the greatest tools and components for business application development. Test it for free! Download our 30-days free trial and start your app creation right now. More than 100 additional modules. More than 50 additional functions and solutions. More than 40 new editors. More than 10 examples and online BI platforms to explore new opportunities. A set of ERP components. WinForms, WebForms, and ASP.Net MVC platforms support. Qualified and prompt technical support.Starting Price: $299 per year -
40
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 -
41
Element Plus
Element Plus
Element Plus is a Vue 3-based UI component library designed for developers, designers, and product teams to build modern, responsive web interfaces efficiently using a comprehensive set of reusable components. It provides a rich collection of encapsulated UI elements such as buttons, forms, tables, navigation components, dialogs, and data display modules, allowing developers to rapidly assemble applications without building interface elements from scratch. It follows a structured design system that helps create logically consistent, easy-to-use products while improving development efficiency through reusable code and standardized interaction patterns. Built specifically for Vue 3 and leveraging modern features like the Composition API and TypeScript support, it offers a scalable and maintainable architecture aligned with current frontend development practices.Starting Price: Free -
42
Shoelace
Shoelace
Shoelace is a forward-thinking, open source library of web components built on web standards that enables developers to embed a comprehensive suite of accessible, customizable UI elements, such as buttons, modals, tabs, inputs, popups, text areas, icons, trees, skeleton loaders, and more, into any project without being tied to a specific framework or CDN. It includes modern design utilities like design tokens for typography, color, spacing, elevation, border radius, transitions, and z-index, and supports themes including a built-in dark mode. Fully compatible with all frameworks (and also framework-less implementations), Shoelace components are customizable via CSS, support localization, and prioritize accessibility with thoughtful defaults. Features include runtime component loading via an autoloader, seamless form integration, including shadow-DOM-aware form controls and utilities for serializing form data and validation, and icon support.Starting Price: Free -
43
Petal
Petal
Petal is a comprehensive suite of tools designed to accelerate the development of Phoenix web applications by providing pre-built, customizable components and templates. It features over 100 open source HEEX components styled with Tailwind CSS, enabling developers to rapidly build user interfaces without extensive design work. The framework includes Petal Pro, a feature-rich Phoenix boilerplate that offers functionalities such as social logins, multi-tenancy support, styled components, Oban integration for background jobs, and Stripe for subscription management. Petal emphasizes rapid development, scalability, and maintainability, allowing developers to focus on building unique features rather than repetitive boilerplate code. It also provides a Figma UI kit for seamless collaboration between designers and developers. By leveraging Petal, developers can streamline their workflow, and reduce development time.Starting Price: $299 per year -
44
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 -
45
Syncfusion Essential Studio
Syncfusion, Inc.
Includes more than 1,700 components and frameworks for ASP.NET (Web Forms, MVC, Core), UWP, Flutter, JavaScript, Angular, Blazor, .NET MAUI, Vue, React, Windows Forms, and WPF. 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. -
46
React
React
React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable and easier to debug. Build encapsulated components that manage their own state, then compose them to make complex UIs. Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM. We don’t make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code. React components implement a render() method that takes input data and returns what to display. This example uses an XML-like syntax called JSX. Input data that is passed into the component can be accessed by render() via this.props.Starting Price: Free -
47
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 -
48
MUI offers a comprehensive suite of UI tools to help you ship new features faster. Start with Material UI, our fully-loaded component library, or bring your own design system to our production-ready components. Build at an accelerated pace without sacrificing flexibility or control. Every component you need is ready for production. Build beautiful UIs with ease. Start with Google's Material Design, or create your own sophisticated theme. Our components are as flexible as they are powerful. You always have full control over how they look and behave. We believe in building for everyone. That's why accessibility is one of our highest priorities with every new feature we ship. Find out why MUI's tools are trusted by thousands of open source developers and teams around the world. Get a growing list of components, ready-to-use, free forever, and with accessibility always in mind. We've built the foundational UI blocks for your design system so you don't have to.Starting Price: $0, MIT license
-
49
Diom
Svix
Diom is a backend components platform for building robust services, offering a set of well-integrated infrastructure primitives for backend and data engineers, including caching, key-value storage, rate-limiting, idempotency, queues, and streams. It is designed so engineers no longer need to build fragile, slow, and hard-to-maintain solutions on top of Redis, Postgres, or other data stores, and can instead rely on powerful, performant, well-tested components built for common backend patterns. Diom can replace multiple services such as Redis, RabbitMQ, and Kafka for many use cases, reducing service dependencies, operational complexity, monitoring overhead, backups, configuration work, and deployment costs. Its components support low-latency operations, minimal round-trip, HTTP-based APIs, SDKs for popular languages, and deployment in common backend environments. -
50
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