Open-source alternatives to Alva

Material Kit React is a dashboard template for React applications built with Material UI. It provides a type-safe foundation for developing administrative interfaces and management dashboards using TypeScript. The project includes pre-configured authentication flows for identity management, with specific integrations for Auth0 single sign-on and Firebase session management. It covers application scaffolding and enterprise UI prototyping through pre-designed layouts for system settings and user administration. The system uses a centralized design token system for theme customization and distr

Open-event-next is a Vue.js single-page application and event management frontend designed to help event organizers build custom websites for listing schedules, sessions, and ticketing details. It provides an interactive web interface for discovering upcoming community gatherings and tracking participant responses with dynamic view transitions that update the browser viewport without full page reloads. The application is built on a component-driven architecture using file-based page routing, a reactive state store, and client-side hydration to attach interactive event handlers to pre-rendered

Blueprint is a React UI component library and web design system focused on accessibility and the creation of data-dense interfaces. It provides a standardized framework of visual styles and reusable interface elements for building professional desktop applications. The toolkit is specifically optimized for displaying complex information and large datasets, featuring high-performance interactive data grids for rendering and manipulating data. The library covers a broad range of capability areas, including the construction of form inputs, navigation systems, and content layout management. It a

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

Code Connect is a design system integration tool that bridges the gap between codebase component definitions and design software. It functions as a synchronization utility that surfaces production-ready code snippets and implementation details directly within design environments, establishing a single source of truth for interface elements. The tool distinguishes itself by using a schema-based, declarative approach to map code components to design assets. By parsing source code to extract component definitions and property configurations, it ensures that the code snippets displayed to designe

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

Wired Elements is a hand-drawn web component library and custom element UI kit. It provides a set of low-fidelity visual building blocks designed to produce a rough, non-polished aesthetic for early-stage design iterations. The framework enables the creation of rapid UI prototypes, low-fidelity wireframes, and conceptual UX mappings. It uses a sketched appearance to help focus iterations on layout and functionality rather than final visual polish. The library utilizes SVG-based path rendering and web component encapsulation to deliver its hand-drawn style. Visual states are managed through e

Dva-boot-admin is a single-page application framework designed for building administrative dashboards using React, Redux-based state management, and component libraries. It provides a modular frontend architecture combining declarative routing, state management wrappers, and pre-built dashboard layouts with navigation shells and data tables. The framework organizes application features around isolated functional domains, encapsulating views, state models, and data services within dedicated folders. It features config-driven generation capabilities that automatically render complete data table

draw-a-ui is an AI vision UI generator and sketch-to-code tool that transforms hand-drawn sketches and digital wireframes into functional HTML and CSS. It serves as a mockup-to-HTML converter that interprets user interface layouts from images to produce corresponding web markup. The system utilizes vision-capable language models to automate the transition from visual design to web code. It employs a multimodal inference loop to process canvas snapshots and natural language instructions, generating structural layouts and responsive grid systems without the need for pre-defined component templa

Redacted-Font is a collection of specialized typefaces and font files designed to render text as solid redaction bars. It functions as a wireframe placeholder font that hides text content while preserving the original layout and spacing. The project provides font files compatible with both local operating systems and web projects. This allows for the masking of text within desktop design software and the embedding of redaction styles into web environments via font-face kits. These typefaces are used for UI layout prototyping and wireframe content masking to shift focus from specific copy to

Wired-elements is a hand-drawn web component library providing a collection of stylized HTML elements for building wireframes and mockups. It serves as a wireframing UI framework that enables the creation of low-fidelity prototypes with a sketchy, manual aesthetic. The library provides components for hand-drawn web design and rapid UI prototyping. These elements are designed to support low-fidelity wireframing to plan user interfaces and test layouts before high-fidelity development. The project utilizes a web component architecture with SVG-based vector graphics to maintain a consistent han

winjs is a browser UI toolkit and JavaScript component library designed for building web applications. It provides a set of high-performance components and utilities with native support for touch, keyboard, and accessibility. The project features a cross-browser event normalizer that creates synthetic pointer and focus events to ensure consistent input behavior across different browsers. It also includes a web localization framework for managing multi-language translations and regional formats using key-value resource files. The toolkit covers a broad range of capabilities, including a front

f8app is a cross-platform mobile reference application implementation that serves as a technical architecture guide for building complex features in a production environment. It is built as a React Native mobile application using a component-based architecture to manage the user interface and application state. The project implements a dockerized backend environment, running a database, server, and dashboard as a group of coordinated containers to ensure consistent development environments. It further integrates a GraphQL data fetching system that uses a structured schema and compiler to ensu

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

Farm is a Rust-based web build tool and development server that compiles JavaScript, TypeScript, CSS, HTML, and static assets into optimized bundles. It uses a module-graph-based bundling approach with persistent module-level caching, enabling near-instant builds and sub-20ms hot module replacement during development. The tool processes assets based on file extensions, handling CSS, Sass, Less, PostCSS, HTML, and images as first-class modules without requiring JavaScript transformation. Farm distinguishes itself through its Vite-compatible plugin system, accepting Vite, Rollup, and Unplugin p

ng-alain is an Angular admin dashboard framework and enterprise UI kit designed for building administrative interfaces. It serves as an internationalized web framework and a themed dashboard template for creating corporate web applications. The framework provides a foundation for professional business dashboards and layouts using the NG-ZORRO component library. It includes native support for multi-language translation and right-to-left layout orientations to support global audiences. The project covers the construction of responsive administrative interfaces and the customization of visual t

Light Bootstrap Dashboard is a framework for constructing administrative interfaces and management backends. It provides a collection of pre-styled components and responsive layouts designed to facilitate the development of custom web applications and internal tools. The project distinguishes itself through integrated data visualization capabilities, allowing for the rendering of interactive charts and graphs to track business metrics, sales trends, and user engagement patterns. It includes specific tools for monitoring campaign performance and system status, supported by an event-driven noti

This project is a collection of practical implementation examples and demonstrations for building mobile applications using a JavaScript-based native framework. It serves as a cross-platform mobile framework demo, providing a gallery of interactive interface patterns and native integration suites. The repository showcases specialized capabilities including high-performance 2D and 3D visual content through OpenGL graphics implementation. It also features a suite of native hardware integrations, covering biometric authentication via fingerprint scanning and gesture-based unlock patterns. The p

Square-ui is a component-based UI library and admin dashboard framework designed for building data-dense management interfaces. It provides a toolkit of reusable UI primitives and data visualization elements, such as kanban boards, heatmaps, and financial charts, to assemble internal tools and operational dashboards. The framework is distinguished by an event-driven UI architecture that utilizes a centralized event bus to synchronize real-time operational data across decoupled functional domains. It employs a constraint-based responsive grid system to organize widgets and manage data density

nwb is a zero-configuration build toolchain, module bundler, and development server for JavaScript and JSX applications and libraries. It functions as a build system that automatically derives compiler and bundler settings from a project's installed dependencies to remove manual setup. The tool is distinguished by its ability to act as a library compiler, generating multiple distribution formats such as ESM and CJS from a single source for package manager compatibility. It also includes a dedicated headless browser test runner that executes unit tests with integrated watch mode and code cover

assistant-ui is a React interface framework and component kit designed for building conversational user interfaces for artificial intelligence services. It provides a collection of reusable components to render chat windows and interaction histories that connect to large language model backends. The framework uses a composable architecture and a provider pattern to decouple UI components from specific backend implementations. Visual customization is handled through a CSS-variable theming system, while adapter-based integration standardizes different API responses into a consistent format for

Eros-FE is a TypeScript web frontend designed as a React-based single page application. It provides a component-driven user interface for interacting with backend services and managing application state through a type-safe client. The project utilizes a client-side route manager to swap visible components without full page refreshes and employs a CSS-in-JS styling framework to tie component logic directly to visual presentation. The application covers frontend interface design, client-side state management, and the integration of browser interfaces with backend APIs.

This project is a set of build tools and a Vite plugin for browser extension development. It functions as a build tool and hot module replacement framework that automates asset bundling by using the extension manifest as the primary source of truth. The tooling provides a zero-config workflow for cross-browser extensions, integrating real-time code updates into the development process. This allows specific components and scripts to be updated in the browser without requiring a full manual reload of the extension. The suite also includes an end-to-end testing framework and utility for browser

This repository is a gallery of reference projects used to demonstrate the development of interactive user interfaces and dynamic web pages using the React library. It provides a collection of practical application examples focused on component-based architecture and frontend development. The projects serve as demonstrations for coordinating global and local data using hooks, context, and reducers. They include samples for fetching remote data to populate dynamic lists and galleries, as well as implementations of multi-page navigation and dynamic views that do not require browser refreshes.

Brick Design is a low-code page builder framework used to create drag-and-drop visual editors that generate production-ready layout and styling code for user interfaces. It functions as a visual layout engine and UI component orchestrator, providing the tools necessary to manage component constraints, nesting rules, and visual property configurations. The framework includes a dynamic template generator that utilizes logic rendering and expression variables to create reusable, data-driven page templates. It also operates as a multi-device design tool, offering viewport switching and adaptive s

This project is a browser-based code playground and web development sandbox designed for front-end experimentation, prototyping, and educational use. It provides an interactive workspace where users can write, transpile, and execute HTML, CSS, and JavaScript snippets to receive immediate visual feedback. The environment distinguishes itself through an integrated JavaScript module bundler that resolves and loads external dependencies directly in the browser. By utilizing import maps and in-browser transpilation, the system enables the use of modern syntax and third-party libraries without requ

Extension.js is a development framework designed to manage the entire lifecycle of browser extensions from initial creation to production distribution. It functions as a cross-browser build tool that compiles a single codebase into compatible artifacts for multiple platforms, including Chrome, Edge, and Firefox, while automating manifest management and configuration. The framework distinguishes itself through an iterative development workflow that supports hot module replacement for background, content, and popup scripts, allowing changes to be applied instantly without manual browser refresh