NigeriaLogos is a static web application providing a library of Nigerian company logos for free download. Users can browse, search by name, filter by category, and download logos in SVG or PNG format. Built with HTML, SCSS, and vanilla JavaScript (using Vite for tooling), the project features a modular structure with separate concerns for data binding, image loading, search, scroll behavior, and mobile interactions. The data-binding.js module demonstrates a clean, reusable pattern for synchronizing form inputs across the interface.
Plane is an open-source, self-hosted project management platform that provides issue tracking, sprint planning (cycles), modules, pages (wiki), views, analytics, and real-time collaborative editing. The repository is a monorepo containing a Django REST API backend with Celery workers, multiple React frontends (main web app, public space app, admin panel), and a Hocuspocus-based live collaboration server. The architecture follows a service-oriented pattern with shared packages for UI components, editor extensions, types, utilities, and state management via MobX. The codebase demonstrates strong engineering practices with a rich filter system, extensible permission model, and a clean exporter pattern, though it shows signs of ongoing migration from Next.js to React Router and some code duplication across apps.
This repository is a comprehensive collection of React interview questions and coding exercises, designed as an educational resource for developers preparing for React interviews. It contains over a dozen standalone React projects built with modern tooling (Vite, TypeScript, React 19), each demonstrating a specific UI pattern or hook implementation. The codebase is well-organized into three main sections: a coding-exercise app with a registry pattern for interactive problem-solving, a coding-hooks library of reusable custom hooks (useDebounce, useFetch, useLocalStorage, etc.), and a set of coding-projects (accordion, autocomplete, carousel, data table, infinite scroll, modal, nested comments, shopping cart, star rating, theme switcher, todo, tree view). The projects are cleanly implemented with TypeScript, proper state management, and accessibility considerations. While primarily educational, the custom hooks and several UI components are production-quality and directly reusable in other projects.
Bolt CEP is a comprehensive boilerplate for building Adobe Common Extensibility Platform (CEP) extensions using modern web technologies. It provides a unified development experience for creating extensions that work across Adobe applications like Photoshop, Illustrator, Premiere Pro, and After Effects. The system features a monorepo structure containing the core boilerplate, a project creation CLI (create-bolt-cep), and a specialized Vite plugin (vite-cep-plugin) that handles CEP-specific build tasks. Developers can choose between React, Vue, or Svelte for their frontend framework while writing type-safe ExtendScript that compiles down to ES3 for CEP compatibility. Key innovations include an end-to-end type-safe bridge between CEP JavaScript and ExtendScript (via evalTS/listenTS/dispatchTS), automated ZXP packaging with cross-platform signing support, and intelligent asset handling. The build process leverages Vite for fast HMR during development and Rollup for producing CEP-compatible ExtendScript bundles.
Yet Another Surge Dashboard (YASD) is a React 19 single-page application for managing and monitoring Surge network proxy instances through their HTTP API. The application provides a web-based interface to configure Surge instances, view network traffic statistics, manage profiles and rules, and inspect request logs. Built with a modern tech stack including Vite, TypeScript, Redux Toolkit, SWR for data fetching, and shadcn/ui for components, it features internationalization (English/Chinese), mobile responsiveness, and PWA capabilities. The architecture follows React best practices with clear separation of concerns between components, hooks, state management, and API layers.
This repository is an interactive, cyberpunk-styled periodic table of elements web application. It displays all 118 elements with detailed data, supports multiple visualization modes (standard, heatmap for properties like radius, electronegativity, ionization energy, melting point, boiling point, density), category filtering, real-time search, and a 3D atomic model viewer. The application is fully bilingual (Chinese/English) and responsive across devices. The architecture is a single-page application built with TypeScript and Vite. The codebase is modular, with clear separation into modules for table rendering, heatmap, 3D atom, modal, media loading, search, and legend. State is managed centrally, and internationalization is handled via typed translation dictionaries. The project includes unit tests using Vitest and a CI/CD pipeline for GitHub Pages deployment. Key technical highlights include a pure-function electron configuration algorithm (Aufbau principle with exceptions), CSS 3D transforms for the atom model, and a lightweight i18n system. The code is type-safe with strict TypeScript and follows modern frontend best practices.
This repository is a collection of Nx plugins for integrating various frontend frameworks (Svelte, Solid, Preact, Ionic/Angular, Ionic/React, Stencil, Capacitor, SvelteKit) with Nx workspaces. It provides generators for scaffolding framework-specific projects and components, and executors for running framework-specific build, test, and serve commands within Nx. The architecture follows a monorepo structure with framework-specific packages under `packages/` and a shared `@nxext/common` package containing reusable utilities for Vite integration, dependency management, and workspace modifications. Each plugin adheres to Nx's plugin architecture with clear separation between generators (code generation) and executors (task execution). The project demonstrates strong maintenance practices with version synchronization scripts, comprehensive testing (unit and E2E), and documentation generation tools.
TruyenDrive is a userscript that injects a full-featured comic/manga reader UI into Google Drive and OneDrive folder pages. Built with Vite, React 19, and TypeScript, it runs as a Tampermonkey script that mounts a shadow DOM reader overlay on top of the cloud storage page. The system automatically scans folder structures to detect chapters (sub-folders) or flat image lists, supports left-to-right, right-to-left, and top-to-bottom reading directions, spread layouts, zoom, page preloading, and browser history integration. It also implements a custom image encryption/decryption system using XOR and scanline methods, with Web Worker support for performance. The architecture is cleanly separated into provider abstractions (Google Drive, OneDrive), a state machine for folder classification, and a rich settings system with theme presets and persistence. The codebase demonstrates strong engineering practices including TypeScript strict mode, proper error boundaries, and reusable utility modules.
The antd-admin repository is a monorepo providing two production-ready admin application templates (basic and with-lingui) and a CLI tool for scaffolding new projects from these templates. Built with React 19, Ant Design 6, TanStack Router & Query, Zustand, Zod, Vite+, MSW, and Playwright, it includes features like JWT authentication, role-based access control, CRUD operations with optimistic updates, URL-synchronized table state, dark theming, and optional i18n via Lingui. The architecture emphasizes modularity, with reusable hooks, components, and mocking utilities that encapsulate complex patterns such as data fetching mutations, schema-aware API mocking, and persistent state management.
Tunet is a modern, responsive React dashboard for Home Assistant that provides a customizable interface for monitoring and controlling smart home entities. The application features a React/Vite frontend with an Express/Node.js backend, using SQLite for persistent storage of user configurations. It implements a modular card-based UI system with 20+ specialized card types (lights, climate, media, etc.), real-time WebSocket synchronization with Home Assistant, and extensive customization options including theming, layout configuration, and plugin-like extensibility. The application follows React best practices with custom hooks, context API for state management, and a well-organized component architecture.
Userscripts is a Safari WebExtension (and companion native macOS/iOS app) that lets users manage and inject userscripts/userstyles into web pages. It provides a popup for toggling scripts and checking updates, a full-featured code editor (CodeMirror 5) for editing scripts, and native apps that store scripts in a local filesystem directory. The extension communicates with the native app via Safari's native messaging, and supports all major Greasemonkey API methods, match patterns, and metadata blocks. The project uses Svelte+Vite for all UI surfaces, Swift for native platforms, and Xcode project with Fastlane for deployment. It is a polished, well-architected tool that fills a gap left by Safari's limited extension ecosystem.
Solar Wanderer is a browser-based 1:1 real-time solar system explorer powered by NASA JPL ephemerides. Built with Three.js 0.165 and Vite 5, it renders the entire solar system at true scale (0.5m to 1e15 km) using a floating-origin world engine, logarithmic depth buffer, and Keplerian orbital mechanics. Users can seamlessly fly through space, walk on planetary surfaces (including real DEM terrain for Earth, Moon, Mars), dive into Earth's oceans, or orbit from a Google Earth-style camera. The application includes a bilingual (Chinese/English) interface with 7-language i18n, search, guided tours, educational facts with NASA sources, mobile touch controls, and shareable URLs. All ephemeris data—planets, 21 moons, 28 TNOs, 4 comets, and ~5400 small bodies—is generated offline via scripts that fetch from NASA JPL and fitted to Horizons state vectors. The architecture is a client-only SPA with modular ES modules; no backend, no registration, no cookies. The codebase demonstrates high craftsmanship in its floating-origin precision, pure-function ephemeris, procedural terrain generation, and real-time atmosphere scattering, though it carries technical debt from a monolithic main.js and incomplete i18n for half its languages.
This repository is a full-stack web application starter kit built with Vue 3, TypeScript, and Vite. It includes a reusable UI component library (@x/ui), a mock backend (Fastify) for development, and end-to-end tests (Playwright). The application demonstrates common patterns for admin dashboards, including authentication, form validation, data tables, charts, and internationalization. The UI library provides over 50 components (buttons, forms, tables, notifications, etc.) and utilities (HTTP request handling, queue guard, static table operations) designed for reuse in other projects. The monorepo structure (using pnpm workspace) separates the frontend application, UI library, and mock backend, enabling modular development.
Supermemory is a commercial-grade AI memory and context engine that provides persistent long-term memory for AI agents. The repository implements the client-side integration SDKs, an MCP (Model Context Protocol) server, a memory graph visualization component, and supporting infrastructure. In production, it connects to an external cloud API (api.supermemory.ai) that handles document ingestion, semantic search, user profiles, and knowledge graph construction. The codebase is organized as a monorepo with distinct packages for TypeScript/Python SDKs covering multiple AI frameworks (Vercel AI SDK, OpenAI, Mastra, Claude, etc.), a Cloudflare Workers-based MCP server with OAuth and widget UI, a ship-grade memory-graph React component with force-directed canvas rendering, and a comprehensive validation schema package. The architecture demonstrates strong engineering practices: strict Zod validation, middleware injection patterns, caching and deduplication logic, and thorough testing across languages. Notable skill is evident in the memory-graph canvas engine (viewport, simulation, spatial indexing, version chain visualization) and the shared memory-context injection utilities. The main downside is significant logic duplication across four Python SDK packages and their TypeScript counterparts, which increases maintenance risk. The repo is actively developed with CI/CD pipelines publishing to npm and PyPI.
Vitesse is an opinionated Vue 3 + Vite starter template created by Anthony Fu. It provides a pre-configured development environment with file-based routing, auto-importing of components and APIs, state management via Pinia, internationalization (i18n) with lazy-loaded locale files, PWA support, Markdown-as-Vue-components, and utility-first CSS via UnoCSS. The template uses static site generation (SSG) via vite-ssg and includes critical CSS extraction. It is designed to accelerate the setup of modern Vue applications by integrating a curated set of plugins and tools. The codebase is well-structured, with clear separation of concerns: pages, layouts, composables, stores, and modules. The i18n module demonstrates a reusable pattern for lazy-loading translations using Vite's glob imports. While the template is primarily a collection of configurations and boilerplate, it exhibits high craftsmanship in its integration choices and adherence to Vue 3 best practices.
This repository is a boilerplate for building desktop applications using Electron, Vue 3, and Vite. It provides a pre-configured setup that includes a main process (handling application lifecycle and window creation), a preload script (securely exposing Electron and Node.js APIs to the renderer via contextBridge), and a renderer process (built with Vue and Vite). The project includes demos showing inter-process communication (IPC) and direct Node.js usage in the renderer. The architecture follows the standard Electron model, with the main process managing the application lifecycle and the renderer process running the Vue application. Vite is used as the build tool for all processes (main, preload, and renderer), leveraging vite-plugin-electron to handle Electron-specific build configurations such as sourcemaps, minification, and dependency externalization. The preload script exemplifies best practices by using contextBridge to expose only the necessary IPC methods, avoiding the security risks of enabling nodeIntegration or disabling contextIsolation. While the project is relatively simple and serves as a starting point, it contains several reusable patterns and configurations. Notably, the Vite configuration (vite.config.ts) demonstrates a non-obvious but effective way to set up Vite for Electron builds, including separate configurations for the main and preload processes. The preload script also contains reusable DOM utility functions (domReady and safeDOM) and a secure pattern for exposing Electron APIs. Overall, the boilerplate is well-structured, adheres to modern Electron and Vue practices, and provides a solid foundation for building Electron applications with Vue and Vite.
undraw-ui is a Vue 3 UI component library built on top of Element Plus. It provides a set of custom components including Comment, Fold, Search, Chat, Editor, Table, Form, and CRUD interfaces. The repository is structured as a monolithic library with a Vite-based build system and TypeScript support. It includes a demo application for showcasing components and VitePress documentation. The codebase demonstrates a solid implementation of common UI patterns, with a focus on data-heavy components like comments and tables. While it lacks unit tests, the component structure is generally clean, utilizing Vue 3 Composition API and slots for customization.
Koi-UI is a Vue 3-based enterprise admin template built with Vite, TypeScript, and Element Plus. It provides a comprehensive set of UI components, layouts, and utilities for rapidly developing backend administration panels. The architecture follows a modular structure with separate concerns for routing (Vue Router), state management (Pinia), components, layouts, and business logic. Key features include permission-based UI rendering, multiple layout modes (vertical, horizontal, columns, etc.), runtime theme customization, internationalization, and reusable business components like dialogs, drawers, file uploads, and data tables. The template is designed to be extensible and serves as a foundation for building complex enterprise applications.
This is a large Vue 3 monorepo (pnpm workspaces + Turborepo) that provides 14 fully functional applications: 7 admin panels (web-*) and 7 public-facing marketing sites (site-*), each built with a different UI framework (Ant Design Vue, Arco Design, Element Plus, iDux, Naive UI, PrimeVue, TDesign). The project demonstrates how to build identical feature sets across multiple UI ecosystems while sharing common business logic, API clients, state management, and build tooling. It includes a Nitro-based mock backend server (apps/backend-mock) for development and a client-side static mock (packages/effects/api/src/static-mock.ts) for GitHub Pages previews. The architecture is modular: shared packages under packages/ (api, request, stores, preferences, styles, types, utils, locales, constants) are consumed by all apps, while internal packages (vite-config, lint-configs, node-utils) provide centralized tooling. Key entry points include each app's main.ts, layout component, and router. Data flows through an Axios-based HTTP client (packages/effects/request) with token injection, Pinia stores for user and app state, and a preferences composable for theme/locale management. External dependencies include Vue 3, Vite 8, TypeScript 6, Tailwind CSS v4, Pinia, Axios, ECharts, and the seven UI libraries. The monorepo is designed as a showcase and boilerplate for enterprise front-end architecture, not a specific product.
This repository is an interactive 3D biology teaching application built with React, TypeScript, Vite, and three.js. It allows users to explore detailed models of biological structures (plant cell, animal cell, white blood cell, neuron, DNA) with rotation, zoom, and informational overlays. The application features a custom model loading system that prioritizes the initially displayed model and preloads others in the background to optimize bandwidth usage. The UI consists of a sidebar for model selection, a central 3D viewing area, and an information panel detailing each model's characteristics. The code demonstrates thoughtful engineering in resource loading, state management, and responsive design, making it suitable for educational contexts.