Alternatives to PrimeNG
Compare PrimeNG alternatives for your business or organization using the curated list below. SourceForge ranks the best alternatives to PrimeNG in 2026. Compare features, ratings, user reviews, pricing, and more from PrimeNG competitors and alternatives in order to make an informed decision for your business.
-
1
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 -
2
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 -
3
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 -
4
NG-Lightning
NG-Lightning
Built upon next generation frameworks like Angular and Salesforce's Lightning Design System, rest assured that you are building an application to stand the test of time. We focus on building stateless functional components that depend only on their input properties, guaranteeing better performance, more development flexibility and seamless integration with your application's requirements. We put a lot of effort to follow Lightning Design System's accessibility guidelines, to assure that your product is operable by people with a wide range of abilities and meets all legal requirements. Including SLDS CSS files and a small set of structural styles of CDK, is required for your application to work correctly. If you are using the Angular CLI, you need to add the following to the styles array of your angular.json file.Starting Price: Free -
5
Bootstrap
Bootstrap
Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins. Jump right into building with Bootstrap, use the CDN, install it via the package manager, or download the source code. Bootstrap utilizes Sass for modular and customizable architecture. Import only the components you need, enable global options like gradients and shadows and write your own CSS with our variables, maps, functions, and mixins. Import one stylesheet and you're off to the races with every feature of our CSS. The easiest way to customize Bootstrap, include only the CSS you need. Bootstrap 5 is evolving with each release to better utilize CSS variables for global theme styles, individual components, and even utilities. We provide dozens of variables for colors, font styles, and more for use anywhere.Starting Price: Free -
6
NG-ZORRO
ng-zorro-antd
An enterprise-class Angular UI component library based on Ant Design, all components are open source and free to use under MIT license. Ant Design of Angular is dedicated to providing a good development experience for programmers. The following StackBlitz link demonstrates a basic use case, and it is recommended to fork this demo as a baseline while doing Bug Report. However, please do not use this demo as a scaffold in a real production environment. After changing the directory to the newly created project, you can automatically run the following commands to initialize the project's configuration, including importing i18n files and stylesheets and loading initial modules. You may use any existing scaffold tools in the Angular ecosystem in order to customize the building process.Starting Price: Free -
7
NGX-Bootstrap
Valor Software
We put much effort into making ngx-bootstrap modular so you can implement your templates, styles, whatnot. All components are designed with extensibility and adaptivity in mind. You can expect them to work on Mobile and Desktop with the same level of performance. We have incorporated a set of style guides and guidelines to enhance both code maintainability and readability. Also, we always support the latest Angular versions and provide full unit-test coverage. Being developers ourselves, we understand the importance of documentation. Well-written and continually updated docs significantly ease up the life of developers and improve overall software quality. We are doing our best to provide you with the most complete and easy-to-understand documentation out there. While working with visually rich libraries, you need to know what you are getting without going through the installation hassle. That is why we have developed a great set of demos for most of the component’s methods.Starting Price: Free -
8
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 -
9
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 -
10
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 -
11
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 -
12
NG-Bootstrap
NG-Bootstrap
As simple as Angular & Bootstrap CSS. Nothing else. If you know Angular, you also know ng-bootstrap. All the Bootstrap widgets you know like carousel, modal, popover, tooltip, navs plus some additional goodies like datepicker, rating and typeahead. All code is tested with almost 100% coverage, all changes are meticulously reviewed. We are not cutting corners. All the widgets are accessible. We use proper HTML elements and required aria attributes. Keyboard navigation and focus management work as expected. We've created angular-ui/bootstrap and have spent several years doing widget development. A number of team members are core Angular contributors. We give back to the community by contributing to projects we build upon (Angular, Bootstrap).Starting Price: Free -
13
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 -
14
Angular Material
Angular
Internationalized and accessible components for everyone. Well tested to ensure performance and reliability. Straightforward APIs with consistent cross platform behaviour. Provide tools that help developers build their own custom components with common interaction patterns. Customizable within the bounds of the Material Design specification. Built by the Angular team to integrate seamlessly with Angular. Start from scratch or drop into your existing applications. Start by creating the autocomplete panel and the options displayed inside it. Each option should be defined by a mat-option tag. Set each option's value property to whatever you'd like the value of the text input to be when that option is selected.Starting Price: Free -
15
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 -
16
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 -
17
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 -
18
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 -
19
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 -
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
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 -
22
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 -
23
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 -
24
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 -
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
Ariakit
Ariakit
Ariakit is an open source library featuring unstyled, primitive components designed to help developers build accessible web applications with React. It provides a collection of styled examples that can be copied and pasted into applications. Ariakit's components are designed with accessibility in mind, supporting features like keyboard navigation and screen reader compatibility. It also offers integration examples with tools like Next.js App Router and React's useTransition for building responsive and accessible UIs. Developers can explore the documentation, component guides, and API references to get started.Starting Price: Free -
27
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 -
28
Pingendo
Pingendo
Pingendo is a modern tool for designers, developers and web agencies. Intuitive as stacking blocks, powerful as a text editor. Create responsive static sites, publish and share live URLs to clients in seconds. Build and launch effective pages, with forms and all you need for maximizing conversions. Wireframe quickly your concept and get clean HTML/SASS. Build visually with an extensive UI kit. Prototype UX/UI and get battle-tested markups, ready for your next Angular or React project. Craft interfaces both visually or coding. Work leaner and avoid one-way handoffs between designers, developers and clients. Everyone is working on the same HTML/CSS source, always accessible with no need to import or export. Browse a list of 200+ Bootstrap responsive sections and components, and drop them in your canvas. Design visually to save plenty of time and without worrying - Pingendo is generating battle-tested code, ready to export or publish.Starting Price: $9 per month -
29
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 -
30
Lucide
Lucide
Lucide is an open source icon library offering over 1,500 lightweight, scalable vector graphics (SVG) icons designed with a strict set of design rules for consistency in style and readability. These icons are highly customizable, allowing developers to adjust color, size, stroke width, and more to match their UI needs. Lucide's icons are tree-shakable, ensuring that only the icons used are included in the final bundle, optimizing performance. The library provides official packages for various frameworks and platforms, including React, Vue, Svelte, Solid, Angular, Preact, Astro, React Native, and Flutter, facilitating easy integration into diverse projects. Lucide also offers a web-based customizer for real-time icon adjustments and supports accessibility best practices. As a community-driven project and a fork of Feather Icons, Lucide encourages contributions and maintains active engagement through GitHub and Discord.Starting Price: Free -
31
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 -
32
JitBlox
JitBlox
JitBlox is a browser-based, visual web app builder that enables both developers and designers to create fully working, component-based web applications, without writing a line of code. Utilizing industry-standard UI libraries such as Bootstrap, Tailwind CSS, Shoelace, and Material Design, it provides an integrated drag‑and‑drop visual designer where users can construct app layouts via intuitive tree views, live real‑time previews, and powerful template editors that outpace traditional HTML editors. It offers hassle‑free components; users can insert UI blocks, layouts, controls, and data-bound components with a few clicks. Designers can connect mock or real data to their interfaces, model app logic through loops and conditional flows, and test apps immediately, even before the backend exists. JitBlox generates clean, production-ready source code (e.g. full Angular apps) that can be downloaded or pushed straight to GitHub, ensuring best practices and smooth developer collaboration.Starting Price: $15 per month -
33
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 -
34
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
-
35
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 -
36
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 -
37
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 -
38
Design Shift
Design Shift
Design Shift transforms Uizard designs into fully functional web components, simplifying the transition from design to development. By accepting SVG exports from Uizard, our tool breaks down designs into customizable sub-components and generates framework-compatible code for React, Angular, and Vue. With intelligent style mapping and GPT-4o-powered precision, Design Shift eliminates the manual work of resizing, styling, and scripting, allowing developers to focus on building impactful applications.Starting Price: $0 -
39
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. -
40
Mobile Angular UI
Mobile Angular UI
Mobile Angular UI is a mobile UI framework just like Sencha Touch or jQuery Mobile. If you know Angular JS and Twitter Bootstrap you already know it! Mobile Angular UI provides essential mobile components that are missing in Bootstrap 3, switches, overlays, sidebars, scrollable areas, and absolute positioned top and bottom navbars that don't bounce on scroll. It relies on robust libraries like fastclick.js and overthrow.js to achieve a better mobile experience. No jQuery dependencies, no fat bootstrap js. Just a few angular.js directives are super easy to learn to put things together. Mobile Angular UI retains most of the Bootstrap 3 syntax. This way it’s trivial to bring an existing desktop web app to mobile. Also, a super-small CSS file is provided to do the opposite. Just include it and you’ll get a fully responsive and touch-enabled interface that can be used everywhere. FontAwesome Icons are included by default in place of Glyphicons.Starting Price: Free -
41
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 -
42
ngSemantic
ngSemantic
Semantic UI ( minified versions of css and js ) must be loaded in index.html. Angular2 building blocks based on Semantic UI. If you want to add loading animation to your Angular 2 app, add this code snippet inside your root app tag.Starting Price: Free -
43
ActiveReports
GrapeCity
ActiveReports is a complete reporting solution for .NET. Deliver beautiful reports with our intuitive Visual Studio integrated report designer and rich controls. - Feature packed reporting for WinForms, WPF, ASP.NET, MVC, .NET Core, and .NET Core 3 - End User Report Designers for Web and Desktop - Flexible API and expressions support for dynamic reporting - Multiple report types to fit all reporting needs - 10+ Export formats What's New in ActiveReports. NET v16: - .NET 6 support - New Blazor Viewer - New Wizards - Chart upgrades - Mixed Page Orientation for Page Reports - InputField Control for Section Reports What's New in ActiveReportsJS v2.1: - Display dynamic HTML content with RichText support - Angular, React, and Vue Report Designer Components - Designer enhancements - Revised Report Author GuideStarting Price: $849/developer -
44
Float UI
MarsX
Float UI empowers non-designers to create sleek, modern websites with ease, thanks to its user-friendly interface and open-source design components. Float UI is a platform that allows users to create modern websites without requiring design knowledge. The platform is open source and free, making it accessible to everyone. It includes a collection of responsive user interface components and website templates with modern designs, making it easy for users to develop websites quickly. With Float UI, users can optimize their website development projects and achieve professional results.Starting Price: $0 -
45
Bit
Bit.dev
Bit is a scalable and collaborative way to build and reuse components. It's everything you need from local development to cross-project integrations. Try it for free. Bit is an open-source toolchain for component-driven development. Forget monolithic apps and distribute to composable software. Distribute component ownership across development teams. Components are easy to replace and refactor over time. Drive development standards and consistency across teams and products. Compose existing components into new ones instead of reinventing the wheel. Build a composable design system and UI. Create a consistent and reusable UI software. Distribute code and teams. Drive autonomy and standards. Scale to cross-team collaboration and bridge the gap between design, development and product. Create a scalable and composable backend that never repeats itself. -
46
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 -
47
AdminMart
AdminMart
AdminMart is providing high-quality admin dashboard templates for web applications. Our templates, available in both free and premium options, are designed to take your web application to the next level. With a focus on modern, production-ready, and developer-friendly designs, AdminMart offers a wide range of templates and themes, including Bootstrap, Material UI, React, Vuetify, Angular, NextJs, Nuxt Js, Vue, and Tailwind. Our templates are trusted by over 112,000 developers and agencies worldwide. What sets AdminMart apart from other providers is their commitment to customer satisfaction. We offer a 100% money-back guarantee, ensuring your satisfaction with their quality products and strong support service. We also provide faster and more professional support, prioritizing the customers. Additionally, we offer a free demo version for you to download and test before purchasing the pro version. With AdminMart, you can create a clean and sleek dashboard without needing a designer.Starting Price: $49 -
48
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 -
49
Tailwind CSS
Tailwind CSS
A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup. Utility classes help you work within the constraints of a system instead of littering your stylesheets with arbitrary values. They make it easy to be consistent with color choices, spacing, typography, shadows, and everything else that makes up a well-engineered design system. Because Tailwind is so low-level, it never encourages you to design the same site twice. Even with the same color palette and sizing scale, it's easy to build the same component with a completely different look in the next project. Tailwind automatically removes all unused CSS when building for production, which means your final CSS bundle is the smallest it could possibly be. In fact, most Tailwind projects ship less than 10kB of CSS to the client.Starting Price: Free -
50
Pagedone
Pagedone
Pagedone - a library featuring 1000+ UI components, sections, and pages designed in Figma and built on Tailwind CSS. Here are the few things you will get on Pagedone: ✨𝐏𝐚𝐠𝐞𝐝𝐨𝐧𝐞 𝐅𝐢𝐠𝐦𝐚 𝐝𝐞𝐬𝐢𝐠𝐧 𝐬𝐲𝐬𝐭𝐞𝐦 Pagedone presents the ultimate design system for all your design projects, featuring a vast collection of over 12,000 components, blocks, templates, dashboards, and more. Experience a lightning-fast design process seamlessly integrated with Figma. ✨𝐄𝐱𝐩𝐞𝐫𝐭𝐥𝐲 𝐂𝐫𝐚𝐟𝐭𝐞𝐝 𝐓𝐚𝐢𝐥𝐰𝐢𝐧𝐝 𝐁𝐥𝐨𝐜𝐤𝐬 Pagedone provides artfully designed blocks, pages, and components built with Tailwind CSS. ✨𝐏𝐚𝐠𝐞𝐝𝐨𝐧𝐞 𝐈𝐜𝐨𝐧 𝐋𝐢𝐛𝐫𝐚𝐫𝐲 ( FREE ) Pagedone's icons are not only expertly designed in Figma but are also available in four distinct styles. The SVG code is highly optimized, aligning perfectly with a 24px grid. Additionally, our web app empowers you to effortlessly edit icon strokes, colors, and sizes.Starting Price: $89/year/user
