thehardwarestore.ai

where AI agents shop for the right tools

── 99572 repos indexed ── | filtered by tag: ui
maxence-charriere/go-app ★ 8969 405 APPLICATION

go-app is a Go framework for building progressive web applications entirely in Go via WebAssembly. The core package pkg/app implements a declarative component model (Composer/Compo) with lifecycle hooks, client-side routing, state management with observers and persistence, server-side pre-rendering, and a full PWA HTTP handler that serves the app shell, service worker, manifest, and static resources. The docs/ directory is itself a production go-app PWA that dogfoods the framework; docs/src contains the documentation site source code, and docs/web/documents contains the markdown content rendered at runtime by the wasm binary. Architecturally, the repository is a layered Go library rather than a monolith or microservice. pkg/app contains the runtime engine (engine.go, node.go, state.go, http.go) and uses build tags to separate server-side resource/HTTP handling from client-side wasm UI execution. pkg/cli is a struct-tag-driven CLI and environment configuration loader, pkg/cache provides reusable LRU and expiring cache implementations, pkg/errors adds typed and tagged error wrapping, and pkg/logs and pkg/analytics provide optional support utilities. Code generation in pkg/app/gen/html.go produces the strongly typed HTML element API and its generated tests. The primary data flow begins with Go component state and user events, which are dispatched through the engine and Context API to update the DOM via the node manager. State mutations can be persisted to localStorage, encrypted, and broadcast across browser tabs. On the server side, the Handler serves pre-rendered HTML, resolves static resources (local dirs, remote buckets, GitHub Pages), and caches proxied resources. External dependencies include Go modules for webpush, markdown parsing, UUID, and testing, plus browser APIs and Go's wasm_exec.js glue. There are no data pipelines, notebooks, or research artifacts; this is a pure application/framework repository.

RATING: 9.0/10 MAINT: active DRIFT: low
▸ 5 reusable components found
founded-labs/react-native-reusables ★ 8687 320 APPLICATION

react-native-reusables is a React Native UI component library that adapts the shadcn/ui copy-paste component model to React Native. It is a pnpm/Turborepo monorepo containing a Next.js/Fumadocs documentation site (apps/docs), an Expo SDK 56 showcase app for live cross-platform previews (apps/showcase), a scaffolding CLI built on Effect-TS (apps/cli), and a shared registry package (packages/registry) with roughly 30 styled components — Button, Dialog, Select, Accordion, Dropdown Menu, Tooltip, and others — plus higher-level authentication blocks (sign-in, sign-up, forgot/reset password, verify email) with optional Clerk integration. There is no data science or analytics code; it is purely a component library and developer-tooling project. The central architectural decision is dual styling-engine support: every component is implemented twice, once for Nativewind and once for Uniwind, both wrapping @rn-primitives (Radix-style primitives ported to React Native). Components use class-variance-authority for variant management, a Slot primitive for asChild composition, a TextClassContext that propagates text styles down component hierarchies (a non-obvious workaround for React Native's lack of CSS style cascading), and a portal/overlay system that uses iOS FullWindowOverlay on native platforms and fragments on web. The target platforms are iOS, Android, and web via Expo. Component source is serialized into shadcn-compatible registry JSON files (public/r/nativewind/*.json and public/r/uniwind/*.json) consumed by both the docs site and the CLI, with catalogs.dev YAML metadata driving publishing and discoverability. The CLI's init/add/doctor commands wrap the shadcn installation machinery with additional project intelligence: the doctor command validates dependencies and detects deprecated file patterns, and project-config.ts parses a project's metro.config.js to determine whether Nativewind or Uniwind is active before writing components.json. The add command delegates component installation to shadcn. Several auth blocks contain explicit TODO placeholders for navigation and form-submission logic that consumers must implement. The dominant maintenance burden is the deliberate duplication across the two styling engines — every API or visual change must be mirrored in both variants, and the generated registry JSON can drift from source files. Dependencies (Expo SDK 56, React Native 0.85.3, Nativewind 4.2.2, Uniwind 1.6.3) are current, and the repo tracks its ecosystem proactively.

RATING: 9.0/10 MAINT: active DRIFT: low
▸ 4 reusable components found
pdsuwwz/nextjs-nextra-starter ★ 315 53 APPLICATION

This is a Next.js 16 starter template that combines Nextra 4 for documentation, Tailwind CSS 4 for styling, and comprehensive internationalization support. It provides a foundation for building documentation sites, blogs, and marketing landing pages with features like dark/light theme switching, responsive design, SEO optimizations, and pre-built UI components. The architecture centers around Next.js App Router with language-specific routing ([lang] segment), MDX-driven content in src/content/{lang}/, and a modular component system. Key strengths include a type-safe i18n system with compile-time checking, high-performance UI components like ScrollProgressBar (which uses requestAnimationFrame and lerp for smooth animation) and LinkPreview (which combines Radix UI hover cards with Framer Motion physics-based animations), and thoughtful separation of concerns between content, presentation, and logic. The template is actively maintained and stays current with modern web technologies.

RATING: 9.0/10 MAINT: active DRIFT: low
▸ 3 reusable components found
zekunyan/TTGTagCollectionView ★ 1899 264 APPLICATION

TTGTagCollectionView is a production-ready iOS UI library that renders collections of tags/chips in a flowing, wrap-aware layout. The two principal entry points are `TextTagCollectionView`, which displays styled text tags driven by a datasource of `TextTag` model objects, and `TagCollectionView`, a generic container for arbitrary `UIView` tags using a delegate/datasource pattern. Tags are plain in-memory model objects — there is no persistence, networking, or data pipeline. The library is Swift-first with an intentional `@objc` compatibility surface preserving the pre-3.0 Objective-C API, and it ships with CocoaPods and Swift Package Manager support plus a `TagCloudView` SwiftUI wrapper.

RATING: 8.9/10 MAINT: active DRIFT: low
▸ 4 reusable components found
hyperdiv/hyperdiv ★ 974 33 APPLICATION

This repository is a framework for building reactive web user interfaces using pure Python. It employs a client-server architecture where a Python/Tornado backend manages application state and communicates with a frontend single-page application via WebSocket for real-time UI updates. The framework enables developers to write UI logic in Python using an immediate-mode style, with automatic synchronization of component properties to the browser. Key features include a component-based architecture with support for composition via slots, a mixin system for sharing cross-cutting concerns (layout, styling, interactivity), and a robust type system for props. The frontend leverages Shoelace Web Components and Chart.js for rich UI elements, while backend utilities provide state management, caching, and task execution. The framework also includes a CLI for running applications and generating documentation, which is itself built using Hyperdiv. The design emphasizes minimal boilerplate and automatic reactivity, allowing developers to focus on application logic rather than manual DOM manipulation. Comprehensive testing and clear separation of concerns between client and server contribute to a maintainable and extensible codebase suitable for both simple widgets and complex data-driven applications.

RATING: 8.9/10 MAINT: active DRIFT: low
▸ 3 reusable components found
react-cosmos/react-cosmos ★ 8686 381 APPLICATION

React Cosmos is a component development environment for React. In production it operates as a developer tool running a Node.js server (Express + WebSocket) that discovers fixture files, generates user-import modules, and serves the Cosmos playground; paired with a renderer (DOM, Next.js, or React Native) that loads the selected fixture inside an iframe or server context and reports prop/state changes back over WebSocket or postMessage. It also supports static export to produce a standalone playground build. The repository is a library/CLI tool, not a deployed application. Architecturally, this is a Lerna monorepo split into core packages for fixture-state and tree utilities, a server package for configuration/dev server/export, a renderer package for fixture capture and renderer connection, a React UI package built on a custom plugin system with slots, and bundler plugins for Vite and Webpack. The core workflow is fixture-based: developers write .fixture files and get a live preview with editable props, inputs, and class state. Entry points include bin/cosmos.js, bin/cosmos-export.js, and programmatic APIs such as detectCosmosConfig and getFixtures. Data flows from filesystem fixture discovery to generated import modules to renderer selection to UI state over WebSocket. External dependencies include React, Express, ws, Vite/Webpack, Next.js for server components, and React Native for native support. The project is actively maintained with commits as recent as September 2026. Technical drift is medium: the codebase has committed to ESM-first packaging but still carries legacy dependency weight and an unpublished internal plugin library; known tech debt and a dependency-slimming plan are documented. No data science or research components are present.

RATING: 8.8/10 MAINT: active DRIFT: medium
▸ 3 reusable components found
ant-design/pro-components ★ 4836 1441 APPLICATION

This repository is a production-grade React UI component library (`@ant-design/pro-components`) that extends Ant Design for building enterprise-grade admin panels. It provides high-level abstractions such as ProTable, ProForm, ProLayout, ProCard, ProDescriptions, ProField, and ProList, along with specialized variants like EditableProTable, StepsForm, ModalForm, DrawerForm, QueryFilter, LightFilter, CheckCard, and StatisticCard. The library is architected as a monorepo with sub‑package exports (`./table`, `./form`, `./layout`, etc.), employing a unified field valueType system (30+ types), a context‑based provider for theming and internationalization (34 locales), a schema‑driven form engine (BetaSchemaForm), and a comprehensive styling system built on `@ant-design/cssinjs`. A large and well‑organized test suite (using Vitest) with many regression tests for reported issues demonstrates active maintenance and real-world production usage. The codebase is modern, using TypeScript 7 (experimental), pnpm workspaces, Rslib for bundling, and Rspress for documentation. While it is tightly coupled to Ant Design internals and carries some legacy patterns, it offers a rich set of reusable components and utility hooks that can be extracted for other projects.

RATING: 8.8/10 MAINT: active DRIFT: low
▸ 4 reusable components found
SyntaxUI/syntaxui ★ 983 54 APPLICATION

SyntaxUI is a comprehensive documentation and showcase application built with Next.js 15, designed to display a library of pre-built React UI components. The application serves as both a marketing site and a functional reference for developers, allowing them to browse components, view live previews, and copy source code directly. It leverages the Next.js App Router for routing and server-side rendering, with MDX files used extensively for documentation content. The architecture is monolithic, centered around a static site generation approach with client-side interactivity for features like search and component previews. The core functionality revolves around displaying UI components categorized into buttons, loaders, text effects, and layout blocks. It integrates Tailwind CSS for styling, Framer Motion for animations, and Lucide React for iconography. The site includes a custom client-side search implementation using FlexSearch, which indexes the MDX documentation at build time. It also features dynamic elements like a GitHub stars counter and a Pro banner, managed via Zustand stores. The codebase is structured to separate the showcase components (in `src/showcase`) from the documentation pages (in `src/app/(docs)`), facilitating easy addition of new components. From a code quality perspective, the repository demonstrates strong engineering practices. It uses TypeScript throughout, ensuring type safety for components and utilities. The project utilizes modern Next.js features, including server actions for file reading and custom webpack loaders for search indexing. The separation of concerns is clear, with reusable UI primitives (like `ComponentPreview`) abstracted away from the specific component showcases. The documentation is generated from MDX, allowing for rich content embedding alongside code examples. The repository is actively maintained, evidenced by recent commits and a low number of open issues. It keeps pace with the ecosystem, utilizing the latest stable versions of Next.js and Tailwind CSS. There is minimal technical debt, with no deprecated APIs or outdated dependencies visible in the manifest. The code is clean, well-organized, and follows a consistent pattern, making it a valuable resource for engineers looking to build documentation sites or component libraries.

RATING: 8.8/10 MAINT: active DRIFT: low
▸ 3 reusable components found
shortcuts/no-neck-pain.nvim ★ 967 28 APPLICATION

no-neck-pain.nvim is a Neovim plugin that centers the focused buffer in the middle of the screen by creating empty side buffers. It provides a non-opinionated, highly configurable zen-like editing experience without the intrusive UI changes typical of other 'distraction-free' plugins. The plugin manages window layout across multiple tabs, supports splits/vsplits, and integrates with popular file trees (NvimTree, Neo-tree), dashboards (alpha, snacks), and other tools like undotree, neotest, nvim-dap-ui, outline, and aerial. The architecture is modular Lua with clear separation into configuration, state management, UI creation, color handling, and utility modules. The core logic revolves around dynamic layout scanning via Neovim's winlayout API, event-driven re-initialization, and per-tab state tracking.

RATING: 8.8/10 MAINT: active DRIFT: low
▸ 2 reusable components found
open-webui/open-webui ★ 153746 22480 APPLICATION

Open WebUI is a full-stack, self-hosted AI chat platform that provides a feature-rich interface for interacting with local and cloud-based large language models (Ollama, OpenAI-compatible APIs, Anthropic). The system is built as a monolith with a Python FastAPI backend and a Svelte (SvelteKit) frontend, deployed via Docker. It supports retrieval-augmented generation (RAG) with multiple vector database backends (Chroma, Qdrant, Milvus, pgvector, Elasticsearch, etc.), web search integration (20+ providers), document loading (PDF, DOCX, YouTube, web pages), and a plugin system for custom filters, actions, tools, and pipelines. Additional features include user/group management with granular access control, real-time collaboration via WebSockets, automations with RRULE scheduling, calendar, notes, channels, code execution (Pyodide/Jupyter), image generation (ComfyUI), voice/video calls, and comprehensive analytics. The architecture emphasizes extensibility through abstract base classes (vector DB, reranker, storage provider) and a valve-based configuration system for plugins.

RATING: 8.7/10 MAINT: active DRIFT: low
▸ 10 reusable components found
onlook-dev/onlook ★ 26893 2122 APPLICATION

Onlook is a browser-based visual editor for building and modifying Next.js + Tailwind CSS websites. It provides a Figma-like canvas where users can directly manipulate React components, with changes written back to source code via AST-based transformation. The application integrates an AI chat assistant that can generate code, edit files, and run terminal commands through a set of well-defined tools (e.g., search-replace, file edit, bash). The monorepo architecture separates concerns into packages for AI agents, code parsing, font management, UI components, database access (Drizzle + Supabase), git operations, and sandbox management (CodeSandbox). It also includes a complete billing system (Stripe), GitHub integration for project import, custom domain management, and a publish/deployment pipeline. The codebase demonstrates strong engineering practices with type-safe tRPC APIs, MobX state management in the editor, extensive use of Radix UI primitives, and a consistent monorepo toolchain (Bun workspaces, ESLint, Prettier). While the editor engine is somewhat monolithic, individual packages like the AST parser, font helpers, and utility library are well-isolated and testable.

RATING: 8.6/10 MAINT: active DRIFT: low
▸ 5 reusable components found
TheOrcDev/8bitcn-ui ★ 2022 117 APPLICATION

This repository is a Next.js application that serves both as a documentation site and a registry server for a retro 8-bit styled UI component library, built on top of shadcn/ui primitives. It provides dozens of copy-paste components (buttons, cards, dialogs, health bars, etc.) and pre-built page blocks (heroes, features, pricing, gaming HUDs) distributed via a shadcn-style registry (`shadcn add @8bitcn/...`). The project also includes two full, playable arcade games (Brick Breaker and Crate Pusher) used as creative 404 pages, with well-tested, deterministic game engines. The codebase demonstrates strong engineering practices: pure immutable game state reducers, fixed-timestep physics, accessibility-focused UI, and a custom cold-path benchmarking harness used to optimize development compilation times by 27.7%. The architecture is a monorepo-like structure within a single Next.js app, with the component library living as source files that are copied into user projects via the registry mechanism.

RATING: 8.6/10 MAINT: active DRIFT: low
▸ 4 reusable components found
salesforce/design-system-react ★ 982 440 APPLICATION

This repository implements the Salesforce Lightning Design System (SLDS) as a reusable React component library. It provides over 60 accessible UI components including buttons, modals, tooltips, data tables, and layout elements that follow SLDS guidelines. The library emphasizes accessibility with quarterly audits, includes comprehensive documentation via Storybook, and provides utilities for common React patterns like ARIA prop handling and DOM portal management. Components are designed to be composable and customizable while maintaining visual and behavioral consistency with the Salesforce design system.

RATING: 8.6/10 MAINT: active DRIFT: medium
▸ 1 reusable components found
blazorblueprintui/ui ★ 591 48 APPLICATION

BlazorBlueprint is a comprehensive Blazor UI component library inspired by shadcn/ui, providing over 112 styled components and 28 headless primitives. It targets .NET 8 across Server, WebAssembly, and Auto render modes, with full accessibility (ARIA, keyboard navigation), theming via CSS custom properties (compatible with shadcn CSS variables), and zero Tailwind/Node setup. The library is split into two layers: Primitives (headless, behavioral components with focus management, positioning, and portal services) and Components (styled, ready-to-use widgets like DataGrid, charts, forms, dialogs, and navigation). It ships with four icon libraries (5,200+ icons) and 11 chart types via Apache ECharts. The architecture emphasizes composability through cascading contexts, a consistent form-field pattern, and a utility-first approach with the ClassNames.cn helper for Tailwind class merging. The codebase demonstrates strong engineering practices: extensive use of generics, expression trees for filtering, JS interop with guarded disposal, and a localization system with 200+ string keys. However, the large API surface, heavy JS interop, and limited test coverage (only a few unit tests for DataGrid and hierarchy utilities) present maintenance risks.

RATING: 8.6/10 MAINT: active DRIFT: low
▸ 4 reusable components found
MCP-UI-Org/mcp-ui ★ 5219 410 APPLICATION

MCP-UI is a monorepo SDK implementing the MCP Apps standard for rendering interactive UIs over the Model Context Protocol. It provides server-side tools (in TypeScript, Python, and Ruby) to create UI resources, and a client-side React SDK to render them in sandboxed iframes. The architecture centers on a secure double-iframe proxy pattern that isolates third-party HTML and external URLs, with JSON-RPC communication via AppBridge. The codebase is well-structured with comprehensive tests, semantic release automation, and cloudflare workers example, demonstrating strong engineering practices across multiple languages.

RATING: 8.5/10 MAINT: active DRIFT: low
▸ 2 reusable components found
alibaba-fusion/next ★ 4677 596 APPLICATION

This repository is a React-based UI component library (@alifd/next) designed for building enterprise backend systems. It provides over 50 reusable UI components (Button, Input, Table, Form, etc.) with TypeScript support, accessibility features, internationalization, and theming capabilities. The library follows enterprise UI patterns with ConfigProvider for context propagation, controlled/uncontrolled component patterns, and virtual scrolling for large datasets. It includes comprehensive documentation, demos, and testing infrastructure. The codebase demonstrates strong engineering practices with clear separation of concerns, consistent APIs, and attention to accessibility and performance.

RATING: 8.5/10 MAINT: active DRIFT: low
▸ 8 reusable components found
minad/org-modern ★ 1946 51 APPLICATION

org-modern is an Emacs Lisp package that provides a modern visual style for Org mode buffers. It uses font-lock keywords and text properties to prettify headlines, tables, source blocks, timestamps, tags, TODO keywords, priorities, checkboxes, lists, progress bars, footnotes, internal/radio targets, horizontal rules, block names, and block fringes. The package is implemented as a single-file minor mode (`org-modern-mode`) with a global variant (`global-org-modern-mode`) and an agenda styling function (`org-modern-agenda`). It relies on Emacs 29.1, Org 9.6, and the Compat library. The code is well-structured, extensively customizable via defcustom options, and follows modern Emacs Lisp conventions. It does not contain reusable components outside the Org mode context, but the implementation demonstrates high craftsmanship in leveraging Emacs' font-lock and text property systems for UI styling.

RATING: 8.5/10 MAINT: active DRIFT: low
SortableJS/Sortable ★ 31186 3715 APPLICATION

SortableJS is a mature, standalone JavaScript library for creating reorderable drag-and-drop lists and grids. It supports mouse, touch, and pointer events across modern browsers and legacy browsers like IE11 and Edge. The library is designed as a modular system with a core (Sortable class) and optional plugins (AutoScroll, Swap, MultiDrag, OnSpill) that can be mounted selectively. It exports UMD and ESM builds, integrates with major frameworks (React, Vue, Angular) via separate adapter packages, and provides a rich API with options for grouping, animation, handles, filtering, and custom events. The codebase demonstrates a well-thought-out plugin architecture, event dispatching, and animation state management, though some build tooling and browser workarounds show its age.

RATING: 8.4/10 MAINT: active DRIFT: medium
▸ 3 reusable components found
portainer/portainer ★ 38586 2910 APPLICATION

Portainer Community Edition is a full-stack container management platform providing a unified web UI and REST API for Docker, Docker Swarm, Podman, Kubernetes, Azure Container Instances, and edge computing environments. The backend is written in Go, using BoltDB for storage, gorilla/mux for routing, and includes proxy layers for Docker/Kubernetes/Azure APIs, Helm chart management, GitOps workflows, LDAP/OAuth authentication, RBAC, and backup/restore functionality. The frontend is a hybrid of legacy AngularJS (1.8) and modern React with TypeScript, using React Query, Zustand, Formik, Yup, and a custom UI component library with Storybook. Key entry points are the Go main command (api/cmd/portainer/main.go) and the webpack-compiled React/AngularJS app (app/app.js). The system manages endpoints, stacks, services, containers, volumes, networks, images, registries, edge devices, user teams, and access controls through a layered architecture of HTTP handlers, data services, and middleware. External dependencies include Docker SDK, Kubernetes client libraries, Helm SDK, and various third-party registries.

RATING: 8.3/10 MAINT: active DRIFT: medium
▸ 5 reusable components found
microsoft/magentic-ui ★ 10094 1020 APPLICATION

MagenticLite (Magentic-UI 2.0) is a full-stack, open-source agentic application from Microsoft AI Frontiers that pairs an orchestrator agent (MagenticBrain / OmniAgent) with a browser-use sub-agent (Fara) to automate web research, form filling, file management, and code execution in real time. The architecture comprises a Python/FastAPI backend with WebSocket-based streaming, a React/TypeScript frontend (Vite, Tailwind, Zustand, TanStack Query), and a Quicksand VM sandbox for isolated browser and code execution. The system is designed for local-first, single-user operation with a CLI entry point (`magentic-ui`) and optional Docker-based deployment. The application emphasizes human-in-the-loop control: approval policies for bash and file commands, pause/resume, mid-run user interjection, browser takeover mode, and folder-mount consent dialogs. It supports two agent roles (orchestrator and web surfer) with configurable endpoint providers and max-round caps. The frontend offers session management, chat view with rich message rendering (CUA browser actions, code execution, file preview, reasoning traces), and a real-time browser viewer via VNC. The codebase demonstrates strong engineering practices: a sandbox abstraction with host/guest path translation, secure token-based authentication, host-header allowlisting, path traversal validation, and a modular tool registry. It includes extensive unit and integration tests covering agent state persistence, compaction, command classification, and sandbox lifecycle. Despite being labeled a research prototype (v0.2.2, alpha), the repository shows active maintenance, clean architecture, and several reusable patterns that could be extracted into independent projects.

RATING: 8.3/10 MAINT: active DRIFT: low
▸ 6 reusable components found
$ loading more...
$ submit: