awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com

JavaScript UI library

Ranking updated Jun 30, 2026

For a javascript library for building user interfaces, the strongest matches are developit/preact (Preact is a lightweight alternative to React that implements), snabbdom/snabbdom (Snabbdom is a virtual DOM-based UI framework that uses) and hexacta/didact (Didact is a minimal virtual DOM UI framework that). trueadm/inferno and preactjs/preact round out the shortlist. Each is ranked by relevance to your query, popularity and recent activity.

We curate open-source GitHub repositories matching “react”. Results are ranked by relevance to your query — pick filters below to narrow, or refine with AI.

Results for “a javascript library for building user interfaces”

Find the best repos with AI.We'll search the best matching repositories with AI.
  • developit/preactdevelopit avatar

    developit/preact

    38,704View on GitHub↗

    Preact is a declarative UI library and a lightweight alternative to React for building user interfaces. It utilizes a component-based architecture and a virtual DOM to sync application state to the browser interface efficiently. The framework implements a modern React API and provides a compatibility layer to ensure existing component libraries and patterns can run within its environment. It also functions as a server-side rendering engine, generating HTML on the server and hydrating it on the client to optimize page load speeds. Additional capabilities include virtual DOM state management t

    Preact is a lightweight alternative to React that implements the same component-based architecture, virtual DOM, hooks, JSX (via its compatibility layer), and one-way data flow, making it directly relevant as a related library for building user interfaces with React-like patterns.

    JavaScriptVirtual DOM DiffingVirtual DOM ReconciliationReact Libraries
    View on GitHub↗38,704
  • snabbdom/snabbdomsnabbdom avatar

    snabbdom/snabbdom

    12,378View on GitHub↗

    Snabbdom is a virtual DOM library and DOM diffing engine used to create and update user interfaces by synchronizing a virtual tree with the browser. It functions as a modular UI framework that provides a system for generating virtual nodes and transforming them into actual browser elements. The project features a modular architecture that separates core rendering logic from optional components. It includes a dedicated SVG rendering engine for managing scalable vector graphics within a virtualized document object model. The library covers a broad range of capabilities, including lifecycle hoo

    Snabbdom is a virtual DOM-based UI framework that uses components and lifecycle hooks, but it does not include JSX syntax or React’s hooks API, so it covers JavaScript UI development in a different style than React.

    TypeScriptVirtual DOM DiffingVirtual DOM DiffingVirtual DOM Hydration
    View on GitHub↗12,378
  • hexacta/didacthexacta avatar

    hexacta/didact

    6,752View on GitHub↗

    Didact is a virtual DOM UI framework and a technical implementation guide for building component-based libraries from scratch. It functions as a concurrent rendering engine that divides interface updates into small units of work to maintain main-thread responsiveness. The project features a fiber-based renderer and a hook-based state manager that utilizes linked-list storage to preserve data across render cycles. It employs a double-buffered render tree to calculate updates before committing them to the user interface. The framework covers recursive DOM mounting to transform virtual elements

    Didact is a minimal virtual DOM UI framework that implements React-like features—component architecture, hooks, and fiber-based reconciliation—making it a direct educational implementation of the React library concept.

    JavaScriptVirtual DOM DiffingVirtual DOM ReconciliationVirtual DOM Engines
    View on GitHub↗6,752
  • trueadm/infernotrueadm avatar

    trueadm/inferno

    16,420View on GitHub↗

    Inferno is an isomorphic JavaScript framework and virtual DOM UI library used for building user interfaces. It functions as a server-side rendering engine that converts virtual nodes into HTML strings for the server and hydrates them on the client to optimize initial load speeds and search engine indexing. The framework features a synthetic event system that provides a normalized interface for handling browser interactions consistently across different web environments. It employs a reactive UI model to synchronize state-driven updates and reactive streams with the browser document object mod

    Inferno is a React-inspired JavaScript UI library with a virtual DOM, component-based architecture, synthetic events, and server-side rendering, so it fits the same category of UI-building tools even though it is a separate framework rather than React itself.

    JavaScriptOne-Way Data BindingsVirtual DOM DiffingVirtual DOM Diffing
    View on GitHub↗16,420
  • preactjs/preactpreactjs avatar

    preactjs/preact

    38,701View on GitHub↗

    Preact is a lightweight declarative user interface library designed for building high-performance web applications. It utilizes a component-based architecture where interfaces are defined as functional or class-based units, relying on a virtual DOM to perform efficient state reconciliation and updates. By prioritizing a minimal footprint, the library enables developers to create modular, predictable, and testable user interfaces while maintaining compatibility with standard browser APIs. The library distinguishes itself through a reactive state engine that leverages signals to track dependenc

    Preact is a lightweight yet full-featured React-compatible UI library that implements component-based architecture, virtual DOM, JSX, hooks, and one-way data flow, with a large ecosystem via its compatibility layer — making it a perfect fit for this search.

    JavaScriptVirtual DOM ReconciliationVirtual DOM Reconciliation
    View on GitHub↗38,701
  • pomber/didactpomber avatar

    pomber/didact

    6,752View on GitHub↗

    Didact is a virtual DOM UI framework and functional component library. It utilizes a concurrent rendering engine and a fiber-based reconciliation library to synchronize a visual interface with data changes. The framework implements a concurrent rendering engine that breaks rendering work into resumable chunks. This prevents long-running tasks from blocking the main browser thread by dividing interface updates into small units of work. The system covers virtual DOM implementation and fiber architecture, using a linked-list fiber tree to track element relationships. It manages function compone

    Didact is a simplified educational reimplementation of React that demonstrates its core internals—virtual DOM, JSX, functional components, fiber reconciliation, and hooks—making it directly relevant for learning how React works, even though it is not a full production library.

    JavaScriptVirtual DOM DiffingVirtual DOM EnginesVirtual DOM Implementations
    View on GitHub↗6,752
  • lhorie/mithril.jslhorie avatar

    lhorie/mithril.js

    14,490View on GitHub↗

    Mithril.js is a JavaScript framework for building single page applications. It functions as a virtual DOM library and reactive UI framework, providing a system to synchronize application state with visual elements to ensure interfaces update instantly. The toolkit includes a built-in client side router that maps browser URL paths to specific components without reloading the page. It also features an integrated HTTP request client for performing asynchronous network calls to remote APIs for data retrieval and transmission. The framework covers broad capabilities for frontend development, incl

    Mithril is a compact JavaScript UI framework with a virtual DOM and component-based architecture — the same kind of tool as React, but it uses hyperscript instead of JSX and has its own state lifecycle rather than hooks, so it fits the broad category but not the exact feature set.

    JavaScriptVirtual DOM ReconciliationVirtual DOM ReconciliationVirtual DOM Engines
    View on GitHub↗14,490
  • facebook/reactfacebook avatar

    facebook/react

    245,669View on GitHub↗

    React is a JavaScript library for building user interfaces based on a component-driven architecture and unidirectional data flow.

    React is the canonical JavaScript library for building user interfaces with component-based architecture, virtual DOM, JSX, hooks, and unidirectional data flow, matching every feature this search specifies.

    JavaScriptJSX SyntaxReact HooksVirtual DOM Reconciliation
    View on GitHub↗245,669
  • mithriljs/mithril.jsMithrilJS avatar

    MithrilJS/mithril.js

    14,494View on GitHub↗

    Mithril.js is a JavaScript UI framework designed for building single page applications. It functions as a virtual DOM library and a toolkit for creating dynamic user interfaces that synchronize application state with the browser display. The project integrates a client side router for mapping URLs to specific views and a built-in XHR data fetcher for sending and receiving information from servers. These components allow for navigation and content updates without requiring full page reloads. The framework covers user interface state management and asynchronous data fetching, utilizing virtual

    Mithril is a JavaScript UI framework with a virtual DOM and component architecture, making it a valid alternative to React, though it uses its own hyperscript syntax rather than JSX and has a smaller ecosystem.

    JavaScriptVirtual DOM DiffingVirtual DOM Reconciliation
    View on GitHub↗14,494
  • callemall/material-uicallemall avatar

    callemall/material-ui

    98,475View on GitHub↗

    This project is a component-based UI framework and a React Material Design library. It provides a comprehensive set of reusable interface elements that implement Google Material Design specifications to ensure consistent visual styles and behaviors across web applications. The framework enables the construction of professional layouts for enterprise web interfaces and the rapid prototyping of frontend designs. It uses a collection of pre-designed React components to standardize layouts and accelerate the overall development process. The system integrates a styling engine and theme-based inje

    Material-UI is a comprehensive React UI framework that delivers a full suite of Material Design components, integrates with React’s component-based architecture, virtual DOM, JSX, hooks, and unidirectional data flow, making it a flagship example of a JavaScript UI library for building React interfaces.

    JavaScriptComponent-Based UI FrameworksDesign System ComponentsMaterial Design Components
    View on GitHub↗98,475
  • mui/material-uimui avatar

    mui/material-ui

    98,459View on GitHub↗

    Material UI is a comprehensive component-based library designed to accelerate the construction of professional, accessible web interfaces. It provides a centralized design system framework that manages visual tokens, typography, and color palettes to ensure consistent branding and layout constraints across complex application architectures. By encapsulating behavioral and accessibility logic within modular primitives, the library enables developers to build inclusive user experiences that adhere to rigorous design standards. The project distinguishes itself through a zero-runtime styling engi

    Material-UI is a comprehensive React component library that implements Material Design, providing a rich set of accessible, reusable UI components built on top of React's component-based architecture and hooks, making it a flagship companion library for React developers.

    JavaScriptComponent-Based UI LibrariesAccessible Component SuitesComponent Theming
    View on GitHub↗98,459
  • infernojs/infernoinfernojs avatar

    infernojs/inferno

    16,420View on GitHub↗

    Inferno is a virtual DOM UI library and high-performance DOM renderer used for building component-based user interfaces. It functions as a server-side rendering engine and a client-side framework that synchronizes application state with the visual interface through a declarative structure. The project distinguishes itself as a React-compatible UI framework, providing a compatibility layer that allows components designed for other reactive environments to run without modification. Its capability surface covers virtual DOM management, including node diffing and reconciliation, and a full serve

    Inferno is a high-performance React-compatible UI library with virtual DOM, component-based architecture, and lifecycle hooks, making it squarely related to building interfaces the React way while offering a lighter alternative.

    JavaScriptVirtual DOM ReconciliationVirtual DOM Engines
    View on GitHub↗16,420
  • arco-design/arco-designarco-design avatar

    arco-design/arco-design

    5,625View on GitHub↗

    Arco Design is a React UI component library and design system framework used to build professional web interfaces. It provides a collection of pre-built visual elements and layouts designed to maintain a consistent design language across applications. The system features a token-based theming engine that utilizes hierarchical design variables and CSS variables to enable granular visual customization. This allows for the modification of global and component-level styles through a dedicated theme editor or loader to align the interface with specific brand identities. The framework supports ent

    Arco Design is a React UI component library and design system that provides pre-built visual elements and design tokens for building professional web interfaces, making it a clear fit for those seeking React libraries for user interface development.

    TypeScriptComponent-Based Architectures
    View on GitHub↗5,625
  • elastic/euielastic avatar

    elastic/eui

    6,337View on GitHub↗

    EUI is a React UI component library and design system framework. It provides a collection of reusable, typed interface components and visual guidelines to ensure a unified user experience across web application layouts. The project functions as a themed UI toolkit, enabling the management of visual aesthetics and the ability to toggle between light and dark modes. It incorporates a CSS-in-JS styling library for defining custom styles and rulesets for individual application elements. The framework covers broad capability areas including design system implementation, custom interface styling,

    EUI is a React UI component library and design system that provides reusable components for building user interfaces, directly fitting the search for a JavaScript UI library in the React ecosystem.

    TypeScriptDesign SystemsReact Design System LibrariesComponent-Wide Theme Toggles
    View on GitHub↗6,337
  • adobe/react-spectrumadobe avatar

    adobe/react-spectrum

    15,567View on GitHub↗

    This project is a design system component library and adaptive UI framework based on Adobe's Spectrum design system. It provides a collection of accessible React components designed to create consistent user experiences through a standardized set of adaptive and themeable interface elements. The framework features a responsive scale system that automatically optimizes touch targets and component sizing for mobile and desktop contexts. It is built as a tree-shakable library, allowing for the import of only the specific components used to minimize the final JavaScript and CSS bundle size. The

    Adobe's react-spectrum is a design system component library for React, providing accessible and themeable UI components that align with the search for a React-based JavaScript UI library, though it is narrower in scope than a general-purpose solution like React itself.

    TypeScriptAccessible ComponentsReact ComponentsAccessibility State Management
    View on GitHub↗15,567
  • douyinfe/semi-designDouyinFE avatar

    DouyinFE/semi-design

    10,017View on GitHub↗

    Semi Design is a React UI component library and design token system used to build web application frontends. It provides a collection of pre-built interface elements and a framework of visual constants to maintain consistent branding across a product. The project features a design-to-code workflow that converts visual design drafts into production-ready React code and stylesheets. It includes an internationalization framework for adapting interfaces to different languages and text layouts, as well as a web component wrapper to isolate UI elements for use in SDKs and browser plugins. The libr

    Semi Design is a React UI component library and design system that provides pre-built interface elements, directly fitting the search for a JavaScript UI library built on React with component-based architecture.

    TypeScriptReact ComponentsCSS Variable Token MappingsDesign Systems
    View on GitHub↗10,017
  • ant-design/ant-designant-design avatar

    ant-design/ant-design

    98,362View on GitHub↗

    Ant Design is an enterprise-grade component library and design system framework built for developing complex, data-heavy web applications. It provides a comprehensive collection of pre-built, state-driven interface elements that map data properties to rendered components, ensuring consistent interaction patterns and visual language across large-scale projects. The library distinguishes itself through a robust styling architecture that utilizes design tokens and hierarchical configuration providers to propagate global settings like themes, locale, and layout direction. By employing component-l

    Ant Design is a React-based UI component library that fully leverages component-based architecture, JSX, and hooks, making it a strong fit for building user interfaces within the React ecosystem, though it is an add-on library rather than React itself.

    TypeScriptComponent LibrariesButtonsDesign Tokens
    View on GitHub↗98,362
  • react-dnd/react-dndreact-dnd avatar

    react-dnd/react-dnd

    21,641View on GitHub↗

    React DnD is a library for building complex drag-and-drop interfaces within React applications. It provides a declarative, component-based architecture that abstracts native browser drag-and-drop APIs, allowing developers to manage state and interactions between draggable sources and drop targets. The library utilizes a dependency injection backend to decouple interaction logic from specific input methods, supporting mouse, touch, and native browser events through a unified normalization layer. It employs a registry pattern to track active drop zones and a monitor pattern to observe the lifec

    react-dnd is a specialized drag-and-drop library built on top of React's component model, making it directly relevant for building interactive UIs within the React ecosystem, though it does not provide React's core features like virtual DOM or hooks itself.

    TypeScriptDrag and Drop LibrariesDeclarative Drag-and-Drop LibrariesList Reordering Components
    View on GitHub↗21,641
  • bvaughn/react-virtualized-selectbvaughn avatar

    bvaughn/react-virtualized-select

    1,171View on GitHub↗

    This project is a high-performance dropdown component designed to handle massive datasets within user interfaces. By integrating windowing and virtualization techniques, it renders only the items currently visible within the viewport, ensuring that lists containing thousands of entries remain responsive and memory-efficient. The library functions as an extension for existing selection components, utilizing a higher-order component pattern to inject virtualization logic without requiring modifications to the underlying source code. It provides extensive control over the selection experience, a

    bvaughn/react-virtualized-select is a React higher-order component that combines react-virtualized and react-select for efficiently rendering large dropdown lists, making it a relevant part of the React ecosystem with real-world use of React's component model.

    JavaScriptVirtualized List RenderingAsynchronous Option LoadingHigher-Order Components
    View on GitHub↗1,171
Compare the top 10 at a glance
RepositoryStarsLanguageLicenseLast push
developit/preact38.7KJavaScriptMITJun 15, 2026
snabbdom/snabbdom12.4KTypeScriptMITJun 17, 2026
hexacta/didact6.8KJavaScript—Jan 31, 2026
trueadm/inferno16.4KJavaScriptMITJun 12, 2026
preactjs/preact38.7KJavaScriptMITJun 15, 2026
pomber/didact6.8KJavaScript—Jan 31, 2026
lhorie/mithril.js14.5KJavaScriptMITFeb 16, 2026
facebook/react245.7KJavaScriptMITJun 7, 2026
mithriljs/mithril.js14.5KJavaScriptMITFeb 16, 2026
callemall/material-ui98.5KJavaScriptMITJun 26, 2026

Related searches

  • a collection of reusable React design patterns
  • a library of UI components for React
  • a component library for React web interfaces
  • React and Next.js
  • a react component library using Mantine
  • Reactive state engine
  • an animation library for React components
  • a state management library for frontend frameworks