Open-source alternatives to Spectre

The mdb-ui-kit is a frontend component library and visual extension that combines the Bootstrap 5 framework with Material Design principles. It provides a collection of pre-styled interface elements and responsive web templates to facilitate the development of consistent web applications. The toolkit extends the Bootstrap ecosystem by adding Material Design aesthetics and advanced styling options. It enables rapid prototyping through the use of pre-configured design blocks and provides mechanisms for deep visual customization via SCSS variables and native CSS custom properties, including supp

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 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

Tabler is a comprehensive UI framework designed for building responsive, data-heavy administrative panels and enterprise web applications. It provides a unified collection of pre-styled components and layout patterns that allow developers to construct complex dashboard interfaces using a consistent design system. The project distinguishes itself through a metadata-driven approach to interactivity, where complex component behaviors and state transitions are initialized by parsing configuration attributes directly from HTML elements. This allows for the creation of interactive interfaces withou

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

Skeleton is a lightweight responsive CSS boilerplate and mobile-first framework. It provides a foundation for building mobile-friendly websites through a fluid 12-column grid system, a minimal CSS reset library to normalize browser defaults, and default styling for raw HTML elements. The project emphasizes a mobile-first development approach, using percentage-based widths and predefined media queries to progressively enhance layouts for larger screens. It includes a utility-first library of single-purpose classes to manage common layout tasks such as floating elements, clearing, and width con

Taiga UI is an Angular UI component library and accessible design system used for building enterprise web interfaces. It provides a comprehensive collection of reusable interface elements and layout tools, functioning as a mobile-first UI kit with responsive components that adapt to different device capabilities. The library distinguishes itself through an integrated data visualization library featuring various chart types and a dedicated form management framework with built-in validation and formatting for specialized data. It also features AI-driven development workflows by integrating comp

Pico is a lightweight, classless CSS framework designed to provide consistent, accessible, and responsive visual defaults for web interfaces. By prioritizing semantic HTML tags, it allows developers to build clean, structured pages without the need for complex class names or heavy dependencies. The framework functions as a comprehensive design system that automatically applies styling to standard elements, ensuring that typography, spacing, and layout remain cohesive across different screen sizes. The framework distinguishes itself through a modular, variable-driven architecture that emphasiz

Vuesax is a frontend framework and UI component library for Vue.js applications. It provides a customizable design system and a set of pre-styled user interface elements designed to accelerate the development of web interfaces. The project is distinguished by a themeable visual toolkit that supports dynamic color updates and server-side style customization to maintain brand identity. It also features a specialized data table component with built-in support for inline cell editing and server-side processing for pagination, filtering, and sorting. The library covers a broad surface of UI capab

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

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

Flat-UI is a collection of responsive UI toolkits and CSS libraries used to build websites and interactive web components with a flat design aesthetic. It provides a responsive frontend toolkit and a web component library based on the Bootstrap framework to create adaptive layouts. The library focuses on implementing a consistent flat design through predefined hex color palettes and typography styles. It replaces standard browser elements with customized visual styles to remove skeuomorphic depth. The toolkit covers a broad range of interface capabilities, including customized form elements

Material Kit is an open-source UI component library that provides pre-styled Material Design elements for building responsive web interfaces with Bootstrap 5. It offers a collection of reusable components like buttons, inputs, navbars, cards, and modals that follow Google's Material Design guidelines, along with a 12-column flexbox grid system for fluid layouts that adapt to any screen size. The kit distinguishes itself by including pre-built page sections such as headers, feature blocks, pricing tables, and footers that can be combined into complete page layouts, reducing the time needed to

Oat is a CSS variable-driven UI kit and semantic HTML component library that styles native HTML elements and attributes contextually, eliminating the need for CSS classes and reducing markup bloat. It provides a complete theming system where all visual properties are defined as CSS custom properties, allowing dark mode toggling and custom color themes by setting a single data attribute on the root element. The library delivers interactive UI elements as zero-dependency WebComponents that require no framework, build tool, or external library, while also offering declarative scroll animations t

Papercss is a CSS UI framework and document-style design system used to build responsive web page layouts. It functions as a Less-based CSS library that applies a paper-like aesthetic and structured typography to give web pages the appearance of physical documents. The project also incorporates a utility-first CSS library model for rapid styling. The framework is distinguished by its ability to automate visual decorations, such as applying rotating border styles and shadow effects to child elements. It utilizes a Less-based variable system and modular stylesheet compilation, allowing users to

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

This project is a collection of native directives designed to implement the Bootstrap component framework within Angular applications. It provides a suite of modular interface elements that allow developers to build interactive web components without requiring external JavaScript dependencies. The library distinguishes itself by using a dependency-free logic layer that relies entirely on native framework primitives. It features a specialized service-based positioning engine to manage the placement of floating overlays and an event-driven system to coordinate the lifecycle of complex UI elemen

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

Semantic-UI is an HTML and CSS UI framework consisting of a themed component library and a responsive layout framework. It provides a collection of reusable interface components and a grid-based system of columns and containers designed to build responsive websites. The framework is distinguished by its use of natural-language class naming, which maps human-readable CSS classes to specific visual styles. It also functions as a right-to-left UI toolkit, utilizing directional mirroring to adjust visual flow and element alignment for languages read from right to left. The system covers frontend

Topcoat is a CSS UI framework and component library used for building web application interfaces. It serves as a design system implementation that provides a set of reusable styled elements and layout primitives to ensure visual consistency across web pages. The system utilizes a BEM-based styling architecture to manage specificity and prevent style leakage. It combines a utility-first CSS library for common layout and spacing needs with a responsive CSS grid that adjusts based on viewport width. The framework covers front end styling, responsive web development, and rapid UI prototyping. It

Galaxy is a curated CSS UI component library and visual design gallery. It serves as a front-end code snippet manager and a searchable repository of community-sourced HTML and CSS assets. The project provides tools for UI component discovery and design prototyping, allowing users to browse an archive of interface elements and layout patterns. It includes a code export mechanism for copying markup and styling directly into external development workflows. The system supports responsive web design through flexible grid layouts and interface elements that adapt to different screen sizes. A JSON-

BOOTSTRA.386 is a retro CSS framework and web UI kit designed to implement nostalgic user interfaces that mimic the aesthetic of vintage computer systems and old-school operating systems. It provides a collection of pre-styled components and styling engines to maintain a consistent legacy appearance across different screen sizes. The toolkit includes a customizable theme engine and a web-based interface for modifying visual properties and colors. It also features a responsive grid layout system that organizes web content into columns and rows that adapt to various device dimensions. The proj

WeUI is a mobile design system and CSS component framework providing a collection of pre-styled widgets and layout components for building mobile web applications. It functions as a mobile web UI library that enforces a consistent visual language and design language across web environments. The library utilizes a BEM styling system to prevent CSS conflicts and ensure modular component behavior. It provides a set of reusable styles and layout helpers that enable rapid prototyping of mobile web layouts through standardized buttons, dialogs, and navigation elements. The framework includes a mob

Carbon is an enterprise design system that provides a comprehensive collection of reusable UI components, design tokens, and guidelines for building professional web applications. It functions as a CSS framework that enforces a unified design language across projects through standardized typography, spacing, and color palettes. The system utilizes a platform-agnostic design token system to maintain visual consistency across different technologies. This includes centralized management of brand colors, motion easing curves, and a curated library of accessible SVG icons. The framework covers a

Fomantic-UI is a component-based CSS library and frontend design system used to build consistent, responsive user interfaces. It functions as a CSS framework and responsive UI toolkit, providing a structured approach to managing typography, color palettes, and spacing. The project enables the development of custom UI components and the implementation of unified design systems across web applications. It provides a variable-driven theme compilation process to customize visual styles and a build-time system to compile selected components into production CSS bundles. The toolkit covers a broad

NES.css is an 8-bit CSS framework and styling system that transforms standard HTML elements into pixelated interfaces inspired by classic gaming consoles. It serves as a retro UI component library and toolkit for rendering text, borders, and icons with a blocky aesthetic. The framework uses pure CSS to emulate 8-bit graphics without relying on external images or JavaScript rendering. It implements pixel-art border simulations and integrates pixel-style web fonts to maintain a consistent gaming aesthetic across different browsers. The system provides a suite of game-themed interface elements,

charts.css is a CSS-driven framework designed to transform semantic HTML into accessible data visualizations without relying on JavaScript. It functions as a charting library that uses standard HTML structures, such as tables and lists, to render graphs while maintaining full compatibility with screen readers. The project distinguishes itself by using CSS variables to map numeric data to visual dimensions and utility classes to control chart types and layouts. It supports a wide range of visual styles, including 3D effects, reflection effects, and customized color palettes integrated via a br