Compare the Top Component Libraries in the UK as of January 2026

What are Component Libraries in the UK?

Component libraries are preconfigured sets of components, designs, styles, and code that enable developers and designers to build and design applications in a more efficient and streamlined way. A component library, also known as a UI component library, can be used across programming languages and frameworks to speed up and simplify design and development. Compare and read user reviews of the best Component Libraries in the UK currently available using the table below. This list is updated regularly.

  • 1
    DHTMLX

    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
  • 2
    Flutter

    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.
  • 3
    ILLA Cloud

    ILLA Cloud

    ILLA Cloud

    Accelerate your internal tools development. A low-code platform for developers to build internal tools in minutes. With the SQL Generate feature, you can input natural language and get SQL statements that can be run directly. This works in databases like MySQL, Postgre, Supabase, etc. We offer developers a high degree of freedom to implement richer functionality through JavaScript, wrapping JS statements with {{Template Syntax}} to place at any string type variable spaces for more variety in the output. ILLA can connect to the mainstream databases or any data connected through APIs and add actions to chain to user events. It tightly integrates the data obtained from the back-end with the front-end components, allowing developers to write simple data calls to achieve massive information interaction.
    Starting Price: $10 per editor per month
  • 4
    Zeroheight

    Zeroheight

    zeroheight

    zeroheight helps teams create, manage and maintain their design systems. Using zeroheight, designers, engineers, and product teams can collaborate and build design systems that can be easily shared across teams. Create a centralized repository of styles, tokens, guidelines, code, components, and patterns, integrated and synced between the tools you already use. zeroheight makes maintaining consistency across different products easier and reduces the time and effort needed to stand up new brands and products confidently. We offer features that suit teams from startup to enterprise, from governance to analytics to automation.
    Starting Price: Free
  • 5
    Leaflet

    Leaflet

    Leaflet

    Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps. Weighing just about 42 KB of JS, it has all the mapping features most developers ever need. Leaflet is designed with simplicity, performance, and usability in mind. It works efficiently across all major desktop and mobile platforms, can be extended with lots of plugins, has a beautiful, easy-to-use, and well-documented API, and a simple, readable source code that is a joy to contribute to. Leaflet doesn't try to do everything for everyone. Instead, it focuses on making the basic things work perfectly. Hardware acceleration on mobile makes it feel as smooth as native apps. Utilizing CSS3 features to make panning and zooming really smooth. Smart polyline/polygon rendering with dynamic clipping and simplification makes it very fast. The modular build system for leaving out features you don't need. Tap delay elimination on mobile.
    Starting Price: Free
  • 6
    Polymer

    Polymer

    Polymer

    The Polymer library provides a set of features for creating custom elements. These features are designed to make it easier and faster to make custom elements that work like standard DOM elements. Similar to standard DOM elements, Polymer elements can be instantiated using a constructor or document creation element, configured using attributes or properties, populated with internal DOM inside each instance, responsive to property and attribute changes, styled with internal defaults or externally, and responsive to methods that manipulate its internal state. Registering an element associates a class with a custom element name. The element provides callbacks to manage its lifecycle. Polymer also lets you declare properties, to integrate your element's property API with the Polymer data system. Shadow DOM provides a local, encapsulated DOM tree for your element. Polymer can automatically create and populate a shadow tree for your element from a DOM template.
    Starting Price: Free
  • 7
    Onsen UI

    Onsen UI

    Onsen UI

    Experience streamlined development with zero-time setup, using the technologies you already know and love - Javascript, HTML and CSS. Worried that PhoneGap / Cordova apps are slow? Fear not! All animations in Onsen UI have been tuned and optimized to perform well on a wide range of devices. We take great care to ensure that apps made using Onsen UI feel smooth even on lower end devices. Onsen UI is easy to learn while being a powerful tool to create complex mobile apps. We have lots of learning resources including official documentation, an interactive tutorial and a community forum where your questions get answered. A rich variety of UI components specially designed for mobile apps. Onsen UI provides tabs, side menu, stack navigation and tons of other components such as lists and forms.
    Starting Price: Free
  • 8
    Oracle Data Access Components (ODAC)
    Oracle Data Access Components (ODAC) are a set of Windows and .NET data access drivers and tools. They include support for .NET data access, Microsoft Visual Studio tools for developing Oracle database applications; and ASP.NET providers. ODAC provides comprehensive client support for advanced Oracle database functionality, including performance, high availability, and security, among other features. It is tightly integrated with Visual Studio to provide a seamless development experience for developers. Oracle Data Provider for .NET is an implementation of Microsoft's ADO.NET interface and provides access to Oracle databases. OLAP Data Manipulation Language (OLAP DML) is used to define and manipulate analytic workspace objects. High performance, a feature-rich mechanism for Microsoft ADO and OLE DB data access to Oracle databases, its usage, and its configuration. Provides introductory, installation, post-installation configuration, and usage information.
    Starting Price: Free
  • 9
    Selenium WebDriver
    Selenium WebDriver drives a browser natively, as a real user would, either locally or on remote machines. WebDriver is simple, it is designed as a concise and compact programming interface. Through a simple setup, WebDriver can be used with all major browsers. Automate real user interactions in Firefox, Safari, Edge, Chrome, Internet Explorer and more! Selenium WebDriver refers to both the language bindings and the implementations of the individual browser controlling code. This is commonly referred to as just WebDriver. The W3C is an international community that works to develop Web standards. In June 2018, WebDriver became a W3C recommendation. Major browser vendors (Mozilla, Google, Apple, Microsoft) support WebDriver and work constantly to improve the browsers and browser controlling code, which leads to a more uniform behavior across the different browsers, making your automation scripts more stable.
    Starting Price: Free
  • 10
    WTForms

    WTForms

    WTForms

    WTForms is a flexible forms validation and rendering library for Python web development. It can work with whatever web framework and template engine you choose. It supports data validation, CSRF protection, internationalization (I18N), and more. There are various community libraries that provide closer integration with popular frameworks. WTForms tries to provide as usable an API as possible. We’ve listed here some of the known libraries to work with WTForms, but if it’s not listed, it doesn’t mean it won’t work. Pretty much any ORM or object-DB should work, as long as data objects allow attribute access to their members. WTForms uses unicode strings throughout the source code and assumes that form input has already been coerced to unicode by your framework. WTForms fields render to unicode strings by default, and therefore as long as your templating engine can work with that, you should have no unicode issues.
    Starting Price: Free
  • 11
    zope.interface

    zope.interface

    Python Software Foundation

    This package is intended to be independently reusable in any Python project. It is maintained by the Zope Toolkit project. This package provides an implementation of “object interfaces” for Python. Interfaces are a mechanism for labeling objects as conforming to a given API or contract. So, this package can be considered as an implementation of the Design By Contract methodology support in Python. Interfaces are objects that specify (document) the external behavior of objects that “provide” them. An interface specifies behavior through informal documentation in a doc string, attribute definitions, and invariants, which are conditions that must hold for objects that provide the interface. Attribute definitions specify specific attributes. They define the attribute name and provide documentation and constraints of attribute values. Attribute definitions can take a number of forms.
    Starting Price: Free
  • 12
    Vega-Altair

    Vega-Altair

    Vega-Altair

    The Vega-Altair open-source project is not affiliated with Altair Engineering, Inc. With Vega-Altair, you can spend more time understanding your data and its meaning. Altair’s API is simple, friendly and consistent and built on top of the powerful Vega-Lite visualization grammar. This elegant simplicity produces beautiful and effective visualizations with a minimal amount of code. The key idea is that you are declaring links between data columns and visual encoding channels, such as the x-axis, y-axis, color, etc. The rest of the plot details are handled automatically. Building on this declarative plotting idea, a surprising range of simple to sophisticated plots and visualizations can be created using relatively concise grammar.
    Starting Price: Free
  • 13
    React Aria
    ​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
  • 14
    Ariakit

    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
  • 15
    Base UI
    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
  • 16
    Kibo UI

    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
  • 17
    Refine

    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
  • 18
    Toolpad Core
    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
  • 19
    Tambo

    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
  • 20
    AG Grid

    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
  • 21
    AG Charts

    AG Charts

    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.
    Starting Price: $499 per developer
  • 22
    Fluree

    Fluree

    Fluree

    Fluree is an immutable RDF graph database written in Clojure and adhering to W3C standards, supporting JSON and JSON-LD while accommodating various RDF ontologies; it boasts a scalable, cloud-native architecture utilizing a lightweight Java runtime, with individually scalable ledger and graph database components, embodying a "Data-Centric" ideology that treats data as a reusable asset independent of singular applications, underpinned by an immutable ledger that secures transactions with cryptographic integrity, alongside a rich RDF graph database capable of various queries, and employs SmartFunctions for enforcing data management rules, including identity and access management and data quality.
  • 23
    Material UI (MUI)
    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
  • Previous
  • You're on page 1
  • Next