Open-source alternatives to React Bulma Components

This library is a declarative React component toolkit for constructing interactive, node-based diagramming interfaces and flow charts. It provides the foundational UI elements required to render draggable nodes and scalable vector graphics paths within a web browser, enabling the creation of complex visual editors and data flow representations. The library distinguishes itself through a strictly stateless architecture that relies on external state management. By utilizing a controlled input pattern and component injection, it decouples diagram logic from data storage, allowing developers to m

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

Relation-graph is a frontend library designed for building interactive node-link diagrams and relationship visualizations within web applications. It provides a framework for rendering complex network structures that support manual manipulation, including zooming, dragging, and real-time structural editing. The library distinguishes itself through a framework-agnostic core that separates graph layout logic from the rendering layer. This architecture enables developers to inject custom HTML or framework-specific components directly into graph nodes and edges, allowing for highly tailored visua

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

React Base Table is a library of reusable interface components designed for building complex, responsive data grids within web applications. It provides a high-performance foundation for rendering large datasets by utilizing window-based row virtualization, which ensures the user interface remains responsive even when displaying extensive collections of data. The library distinguishes itself through flexible layout and navigation capabilities, including support for hierarchical data structures that can be rendered as expandable tree rows. It allows for precise control over table geometry thro

ChatUI is a React conversational UI library and framework designed for building messaging interfaces. It provides a set of components for creating conversation flows, including message bubbles, input areas, and structured message hierarchies. The library distinguishes itself through specialized AI agent interface features, such as the visualization of an agent's reasoning process and simulated typing animations that render text character-by-character. It also includes a system of pre-designed conversational card templates for rendering banners, selection lists, and questionnaires within a cha

This project is a collection of pre-styled React components designed for building responsive messaging interfaces and real-time chat applications. It functions as a modular toolkit that allows developers to assemble custom chat windows, message feeds, and input fields within web applications using a component-based architecture. The library distinguishes itself by providing a centralized logic layer for managing conversation data, including user presence, message history, and typing indicators. It handles the complexities of message stream navigation, such as automatic scrolling and dynamic h

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

This project is a React component library and web UI design system designed for creating interactive web interfaces. It functions as a responsive frontend framework that provides a collection of modular building blocks to ensure visual consistency across different application pages and devices. The system utilizes a CSS-in-JS styling framework that generates and injects styles at runtime through a centralized property injection system. This approach allows for the implementation of a theme-driven architecture where layouts and color themes automatically adjust based on screen size and user pr

create-react-library is a command-line generator and development environment designed for creating reusable React component libraries. It scaffolds the necessary project structure and build pipelines required to develop, bundle, and publish JavaScript modules to a registry. The tool provides a development loop that links the library source directory to a companion example application, enabling real-time updates and live previews. It also includes a deployment pipeline that transforms example applications into production builds for hosting as public documentation. The build system manages mul

This project is a Next.js landing page template and React UI kit designed for showcasing software products and open source projects. It serves as a professional marketing website foundation and a Tailwind CSS website boilerplate for building modern web interfaces. The framework provides specialized layouts and components for open source project showcases, SaaS landing pages, and admin dashboards. It includes a collection of responsive components and styling utilities that allow for visual design customization of colors, fonts, and layouts. The capability surface covers a variety of UI elemen

Elemental is a component-based design system and React UI framework. It provides a collection of pre-styled interface components and CSS patterns used to build consistent user interfaces and layout designs for web applications. The library functions as a customizable CSS UI library, allowing for the implementation of custom design systems by mapping design tokens and stylesheets to reusable elements. It integrates vector icon rendering to embed scalable graphic glyphs directly within interface components. The framework supports the composition of complex layouts using pre-made elements such

This project is a comprehensive design system framework and component library built for React. It provides a suite of modular, accessible, and themeable interface elements designed to maintain a unified visual language and brand alignment across complex web applications. By encapsulating interaction logic and styling within individual components, it enables developers to build consistent, responsive interfaces through declarative composition. The library distinguishes itself by prioritizing inclusive user experiences through built-in accessibility management, including standardized keyboard n

Chakra Templates is a collection of prebuilt, responsive interface patterns designed for integration into React applications. It functions as a frontend design system resource, providing modular UI building blocks that allow developers to maintain consistent styling and layout standards across multiple application screens. The repository provides raw source code for every template, enabling direct integration and full customization within local project files. By utilizing a style-prop-driven approach, these components map design tokens to attributes, ensuring that layouts remain consistent wi

This project is an enterprise design system and web interface framework that provides a React component library for building consistent user experiences. It serves as a design-to-code workflow bridge, synchronizing product design tools with frontend implementation to accelerate development speed. The framework focuses on design-to-code synchronization and the construction of enterprise design systems. It enables the standardization of visual components and the composition of complex web and mobile screens using unified interface elements and layout patterns. The library implements a design-t

This project is a React-based administrative template and UI kit designed for building dashboards. It provides a comprehensive collection of pre-styled layouts, an accessible component library, and a Sass-based UI framework for creating administrative interfaces. The template is specifically structured as an AI-optimized project, utilizing coding patterns and organization designed to help AI assistants generate consistent, production-ready React code. It features a flexible styling system using Sass variables and CSS custom properties to support customizable light and dark themes. The kit co

Horizon UI Chakra is a comprehensive dashboard template and component library designed for building administrative web applications. It provides a foundational boilerplate that utilizes a modular, component-based architecture to facilitate the rapid construction of complex management interfaces and data visualization panels. The project distinguishes itself by integrating a centralized design system that propagates visual tokens throughout the application, ensuring consistent branding and styling across all interface elements. It supports responsive layouts through fluid grid systems and offe

This project is a cross-platform UI framework and component library designed for the Weex framework. It provides a collection of high-performance interactive interface components and a toolkit of pre-made elements, such as buttons and popups, to create consistent user interfaces across different platforms from a single codebase. The library focuses on accelerating mobile app interface construction by offering a set of reusable layout elements and interactive tools. This enables the development of functional mobile screens and cross-platform UI designs through a shared component library.

Vscode-portfolio is a Next.js developer portfolio website styled to mimic the Visual Studio Code editor interface. It provides a customizable professional resume and portfolio layout featuring a built-in file explorer, interactive terminal, and project navigation links. The application includes an embedded interactive terminal that parses and executes text-based user commands locally in the browser. Visitors can browse professional summaries, view project details, and read published blog posts fetched from external platforms via configured environment variables. The user interface supports

Lottie React is a component library for rendering complex motion graphics and vector animations in web applications. It translates pre-exported animation data structures directly into real-time vector rendering instructions at runtime, allowing applications to display scalable graphics without relying on heavy video files or raster images. The library encapsulates animation runtimes inside declarative components and hooks, and provides an imperative controller that exposes programmatic methods to manage playback states such as playing, pausing, and seeking. It handles rendering dynamically th

This project is a configuration-driven layout framework designed for building enterprise-grade web application shells. It provides a collection of reusable components that orchestrate the structural foundation of an application, including headers, sidebars, and breadcrumbs, to ensure consistent design and navigation across complex interfaces. The framework distinguishes itself through a declarative approach to interface management, allowing developers to define visual themes, menu hierarchies, and responsive behaviors using a structured object schema. By observing application routing, it auto

Buefy is a lightweight user interface component library built for Vue.js. It serves as a programmatic wrapper for the Bulma CSS framework, providing a set of pre-styled layout utilities, form components, and structural wrappers to ensure a consistent visual identity. The library provides a comprehensive suite of form elements, including specialized date and time pickers, autocomplete inputs, and validation wrappers. It also includes layout tools such as navigation bars, off-canvas sidebars, and modal overlays, as well as notification systems for banners, snackbars, and toasts. Additional cap

Shadcn-ui-expansions is a React and Tailwind CSS component library that provides a collection of pre-built user interface elements and utilities designed to be copied directly into web applications. The project extends the shadcn-ui ecosystem with additional interactive widgets and layout elements to speed up frontend development. The library includes advanced form controls such as date and time pickers, searchable multi-item tag selectors, dual-range numeric sliders, and expanding textareas that automatically adjust height as content grows. Additional components feature animated text typing

Airframe-react is a Bootstrap UI component library and starter kit for building React-based admin dashboards and management interfaces. It provides a preconfigured development foundation and a collection of production-ready interface elements to assemble consistent application screens. The project includes responsive web templates and pre-designed page layouts that automatically adapt content for desktop, tablet, and mobile screens. It enables the creation of administrative panels through a set of structural layout variations and a library of ready-made pages. The toolkit covers application

React Scroll Parallax is a component library and JavaScript animation tool for creating scroll-driven visual effects and layered depth in web applications. It supplies shared scroll metrics and controller access down the component tree through context providers, applying hardware-accelerated style changes such as translation, rotation, and opacity to animate elements. The system tracks element positions relative to viewport boundaries to calculate continuous scroll ratios while batching calculations to sync with browser refresh rates and automatically recomputing layouts during dynamic content

Geist UI is a design system framework and React UI component library. It provides a collection of pre-styled, accessible components and design primitives used to maintain visual consistency across websites and applications. The framework includes a themed UI provider that manages application styles through a centralized system, enabling the switching of visual modes such as light and dark themes. It also features a responsive CSS grid system for organizing content into rows and columns that adapt to various screen sizes. The library covers accessible UI development using compliant markup and

This project is a React UI component library and frontend UI kit designed to provide a collection of pre-styled user interface elements. It serves as a design system framework, offering standardized visual patterns to ensure a cohesive look and feel across different screens. The library focuses on design system implementation and frontend component architecture, allowing for the creation of modern websites and applications. It integrates directly into a React application workflow to accelerate the development of complex web layouts. The system utilizes a component-based abstraction and compo