Open-source alternatives to Ngx Bootstrap

Zag is a headless UI state machine library that provides unstyled component logic to ensure consistent behavior across different rendering engines. It functions as a toolkit for modeling complex user interface interactions using statecharts, decoupling the underlying logic and accessibility attributes from visual styling. The library is framework-agnostic, utilizing specialized adapters to bridge its state machine logic with various JavaScript libraries such as React, Solid, Vue, and Svelte. This approach allows developers to maintain a single interaction model while applying any CSS or styli

Polaris React is a production-ready component library that implements Shopify's Polaris design system for building consistent merchant-facing admin interfaces. It provides a comprehensive set of reusable React components, including accessible form inputs, data display elements, layout and navigation structures, and visual feedback indicators, all styled through a semantic color token system applied via CSS custom properties for dynamic light and dark mode support. The library distinguishes itself with an icon-first visual language featuring over 400 commerce-specific SVG icons delivered as fi

Melt UI is a headless UI library for Svelte that provides a collection of unstyled, accessible component builders. It functions as an accessible component framework and state management tool, offering the logic and state required to build interface elements that follow WAI-ARIA standards and support keyboard navigation without imposing specific visual styles. The library features a floating element positioning engine that manages the placement of popovers, tooltips, and menus relative to trigger elements. This system utilizes portals to prevent layout clipping and incorporates automatic overf

This project is a comprehensive collection of reusable code snippets, custom hooks, and implementation patterns for building user interfaces with React. It serves as a library of short examples designed to solve common development tasks, ranging from state management to DOM integration. The collection provides a wide array of specialized utilities for interacting with browser APIs, including window dimension tracking, media query evaluation, and online status monitoring. It also includes practical guides and snippets for performance optimization, such as memoization, lazy loading, and state c

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

Bootstrap-vue is a Vue.js component library and responsive UI kit based on the Bootstrap CSS framework. It provides a frontend component suite of reusable interface elements designed for building mobile-first websites and web applications. The project wraps Bootstrap CSS classes in Vue components to manage styles and behaviors through reactive state. It integrates a responsive layout management system that synchronizes internal component states with Bootstrap's grid system and device breakpoints. The library covers a wide range of interface capabilities, including data display with sortable

Angular powered Bootstrap

Base UI is a headless component library and unstyled framework providing accessible interface primitives. It decouples behavioral logic and state management from the visual layer, allowing developers to implement complex UI patterns while maintaining total control over the final styling. The library implements WAI-ARIA design patterns to ensure all primitives support standard keyboard navigation and screen reader accessibility. It provides a suite of low-level building blocks that handle the internal mechanics of interface elements without bundling any CSS. The framework covers a broad range

Ace is a responsive admin template and UI component library built on Bootstrap 3. It provides a comprehensive framework for creating administrative dashboards with a grid-based layout system that adapts to various screen sizes. The project features a broad array of pre-styled layouts for administrative interfaces, including specialized page templates for user profiles, email clients, and real-time chat interfaces. It includes a configuration system for adjusting visual presentations through color skins and right-to-left mirroring support. The library covers a wide range of interface capabili

shadcn-svelte is a collection of accessible and customizable user interface elements for Svelte applications. Rather than being distributed as a traditional dependency, these components are provided as source code that is copied directly into the project codebase. The library utilizes a registry-based distribution system, allowing users to install specific UI blocks and components via a command-line interface. This system uses JSON metadata to define dependencies and file paths, while a bootstrapping process automates the configuration of styles and CSS variables. The project integrates Tail

Material Tailwind is a responsive web UI framework and component library built with Tailwind CSS. It provides a customizable design system that implements Material Design principles for web applications. The project focuses on a customizable design system, allowing for centralized theme configuration and utility-based styling to maintain visual consistency across interfaces. The library includes a wide range of reusable interface elements, covering layout structures, navigation systems, and overlay components. It provides specialized tools for web form construction, data input controls, and

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

Argon Design System is a frontend template collection and UI component library built on Bootstrap 4 for rapid web application development and prototyping. It structures user interface elements into self-contained, reusable blocks that combine with pre-built page templates and stylesheet variable customization. The framework includes pre-styled views for credential authentication, password recovery, user registration, and profile creation layouts. It supports external identity provider integration and user session persistence alongside interactive JavaScript behaviors such as tooltips, modals,

Ark is a headless UI component library that delivers accessible, cross-framework primitives with behavior governed by finite state machines. It provides unstyled components that encapsulate logic and accessibility — including full keyboard navigation, focus management, and WAI-ARIA support — while leaving visual styling entirely to the consumer. Components expose scoped data attributes for CSS targeting and use state machines to produce predictable, testable interactive behavior across every state transition. The library distinguishes itself through a state propagation model that distributes

UIkit is a CSS front-end framework and accessible UI component library designed for building responsive web interfaces. It provides a comprehensive set of styling classes and modular components alongside a JavaScript interaction toolkit for managing behavioral elements. The framework includes native support for internationalized web interfaces, featuring multi-locale text translation and right-to-left layout directions. It employs a responsive layout engine that uses flexible grids, adaptive breakpoints, and container widths to align content across different screen sizes. The toolkit covers

Basecoat is a zero-runtime UI library and themable interface framework consisting of a set of accessible web components. It provides a collection of pre-styled interface elements and utility classes designed to function as static assets without requiring a dedicated JavaScript framework runtime. The project features a dedicated UI component scaffolder, providing a command line interface to automate the generation of project folder structures and the installation of component templates. Visual styles are managed through a system of CSS variables and utility classes, allowing for global theme a

This project is a neobrutalist UI component library and accessible design system for React. It provides a collection of high-contrast web elements characterized by bold colors, thick borders, and a raw aesthetic. The library distinguishes itself by combining a data visualization toolkit—featuring styled charts and responsive tables—with a comprehensive set of interactive components. It balances this specific visual style with accessibility standards for keyboard navigation and screen readers. The component surface covers a wide range of functional areas, including complex form controls with

vue-strap is a UI framework and component library that provides a collection of themed interface elements based on Bootstrap for use within Vue.js applications. It serves as a Bootstrap-based component kit that bridges CSS framework styling with a reactive JavaScript component architecture. The library implements a wide range of functional building blocks, including navigation bars, dropdown menus, and layout primitives such as accordion panels and tabbed content. It includes an extensive set of form inputs featuring date pickers, typeahead search, and integrated validation state management.

Naive UI is a comprehensive TypeScript user interface library and component set designed specifically for Vue 3 applications. It provides a type-safe framework for building web interfaces, featuring a responsive layout engine and high-performance data components such as virtual-scroll data tables. The library is distinguished by a customizable theme system that utilizes type-safe JavaScript objects for visual overrides instead of traditional CSS variables. This architecture allows for dynamic runtime updates and global style configurations managed through a centralized provider. The framewor

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

This project is a comprehensive UI toolkit that provides a declarative, reactive framework for building modular web interfaces. It centers on a component-based architecture that maps application state to rendered elements, utilizing a twelve-point flexbox grid system and nested containers to manage complex layouts. The library ensures consistent behavior across large-scale applications by providing centralized configuration for component defaults, themes, and global design tokens. What distinguishes this framework is its deep integration of Material Design principles alongside a highly flexib

This project is a utility-first component library that provides a comprehensive suite of pre-styled, reusable interface elements. It functions as a build-time engine that generates design-system-compliant styles by mapping semantic tokens to standard HTML elements and utility classes. By compiling all component styles into static CSS at build time, the library eliminates the need for client-side style calculation, ensuring efficient performance. The library distinguishes itself through a configuration-driven architecture that manages color palettes and visual styles, enabling dynamic switchin

Apostrophe is an open-source Node.js headless content management system that delivers structured content through REST APIs while providing a visual in-context page editor for live editing. It is built on a module-based plugin architecture that extends CMS functionality through reusable modules, each encapsulating logic, configuration, and templates. The system uses schema-driven content modeling to define data structures and validation rules through configurable schemas and custom field types, with all content stored as flexible JSON-like documents in MongoDB. The platform distinguishes itsel

This project is a CSS framework and styling layer that applies Bootstrap visual styles to jQuery UI components. It functions as a cross-library bridge to unify the visual identity of these two libraries, ensuring jQuery UI widgets match a consistent Bootstrap-based design system. The framework resolves visual and functional conflicts between the libraries through selector-based style injection and theme mapping. It uses a layered integration approach to attach standardized CSS classes to elements rendered by the widget library, preventing style collisions. The project covers a wide range of

Bootflat is a front-end component library and CSS framework extension that implements a flat-design aesthetic for web application styling. It provides a set of reusable interface elements and a mobile-first grid system to facilitate responsive web design. The project integrates design and development through a PSD-driven workflow, providing professional Photoshop component sets and curated color palettes for interface prototyping. Visual customization is handled via variable-based theme overrides for colors and fonts. The library covers a broad range of UI components, including form elements

Tippy.js is a JavaScript tooltip library and interactive popup framework used to create tooltips, popovers, and dropdowns. It functions as a floating UI component toolkit that renders content relative to a reference element with support for automatic positioning, flip-positioning, and offsets. The library acts as an accessible overlay manager, using ARIA attributes and focus management to ensure screen reader compatibility. It also serves as a CSS animation tool, providing utilities for transitions, spring physics, and themes to manage the visual entry and exit of floating interface elements.

Nebular is an Angular UI component library that implements the Eva Design System, providing a comprehensive set of over thirty-five ready-made UI elements with full theming support. The library is built around a design-token-driven architecture where visual properties are compiled into CSS custom properties, enabling global style overrides and consistent branding across applications without modifying component internals. The framework includes a built-in dark mode system activated by toggling a CSS class on the root element, which triggers pre-defined token overrides across all components. Au