Lion is a monorepo maintained by ING Bank that provides a comprehensive, white-label web component library built on LitElement. It focuses on accessible, performant, and extensible form controls (inputs, checkboxes, radio groups, selects, datepickers, IBAN, phone, file, etc.), overlays (dialog, tooltip, popover, drawer), navigation components (accordion, tabs, pagination, steps), and localization/internationalization utilities. The library is architected around a rich mixin system (e.g., FormControlMixin, ValidateMixin, OverlayMixin, LocalizeMixin) that allows deep customization without sacrificing encapsulation. It also includes Node.js tooling: an AST-based dependency analyzer (providence-analytics), a documentation publishing tool, and a Babel plugin for extending docs. The codebase demonstrates strong software engineering practices: extensive test suites, accessibility-first design, scoped custom element registries, and a modular export map. However, there are signs of technical drift (outdated dependencies like ESLint 8, TypeScript 4.9, Chai 4) and some duplicated code (e.g., localizeNamespaceLoader switch statements repeated across packages, translation drift). The monorepo uses changesets for versioning and has active CI/CD.
ember-sortable is an Ember.js addon providing sortable UI primitives for drag-and-drop reordering of lists, grids, and tables. It implements modifiers (sortable-group, sortable-item, sortable-handle) that attach drag-and-drop behavior to DOM elements, with built-in support for mouse, touch, and keyboard input. The architecture centers around a service (ember-sortable-internal-state) that manages state between sortable groups and items, enabling features like visual feedback during drag, automatic container scrolling, and accessibility support including screen reader announcements and keyboard navigation. The library follows Ember addon conventions with a modular structure, clear separation of concerns, and comprehensive test coverage.
This repository provides a custom HTML element, `<clipboard-copy>`, that copies text or element content to the clipboard when clicked. Implemented as a web component extending `HTMLElement`, it supports multiple data sources: the `value` attribute, a `for` attribute that references another element by ID (including inputs, textareas, and anchor hrefs), or element text content. The element ensures accessibility by automatically adding `role="button"` and `tabindex="0"` if not present, and handles keyboard events (Enter/Space) for activation. Internally, it uses the modern `navigator.clipboard.writeText()` API when available, falling back to `document.execCommand('copy')` via a temporary hidden node. It also normalizes Unicode whitespace characters (e.g., non-breaking spaces, zero-width joiners) to plain spaces or strips them, ensuring the copied text matches visual expectations. A `clipboard-copy` custom event is dispatched on success, allowing external handlers to provide feedback. The source code is written in TypeScript, is well-structured with clear separation of concerns (clipboard logic in `clipboard.ts`, element definition in `clipboard-copy-element.ts`, and a side-effect module for registration), and includes a comprehensive test suite covering element creation, clipboard operations, shadow DOM contexts, and edge cases like disabled state and Unicode normalization. The project follows GitHub's engineering standards (eslint, prettier, CI via GitHub Actions) and is published as an npm package under `@github/clipboard-copy-element`.
MacosUseSDK is a Swift library and collection of command-line tools for macOS accessibility automation. It enables traversing application accessibility trees to inspect UI elements, simulating user input (mouse/keyboard), opening applications, and providing visual feedback for debugging. The architecture centers around a core library with specialized modules for traversal, input simulation, visual feedback, and action orchestration, with six CLI tools exposing different subsets of functionality. Primary use cases include UI testing, accessibility verification, and automated interaction with macOS applications.
This repository is a curated collection of accessibility resources organized as an 'awesome list'. It contains no executable code or data processing pipelines, but rather serves as a reference directory linking to external accessibility tools, articles, guidelines, and communities. The content is structured into topic-specific markdown files (e.g., tools.md, blogs.md, laws.md) that catalog resources with metadata like names, descriptions, and languages. The project relies on community contributions following strict guidelines to maintain alphabetical order, avoid duplicates, and ensure quality. A GitHub Actions workflow automatically validates markdown links on every push to combat link rot, demonstrating a commitment to data integrity. As a pure data repository, its value lies in the organized aggregation of third-party resources rather than any internal transformation or analysis.
Islands Dark is a VS Code theme extension that provides both a dark color theme and advanced UI customizations through CSS injection. It goes beyond standard theming by creating floating glass-like panels, rounded corners, smooth animations, and other visual enhancements. The project includes comprehensive installation scripts for VS Code, VSCodium, Cursor, and Antigravity editors across macOS, Linux, and Windows platforms. While the installation logic is somewhat boilerplate, the animations.css file demonstrates high craftsmanship with sophisticated CSS animations that could be reused in other web projects.
Cambio is a React component library that simplifies shared-element animations for dialogs/popups. It provides a compound component API (`Cambio.Root`, `Trigger`, `Portal`, `Backdrop`, `Popup`, `Title`, `Description`, `Close`) built on top of Base UI's accessible Dialog primitives and Motion's animation engine. The library offers four built-in motion presets (snappy, smooth, bouncy, reduced) configurable globally, per-component via variants, or overridden individually. It supports dismissible popups driven by drag gestures with configurable threshold and velocity, automatic respect for `prefers-reduced-motion`, and explicit reduce-motion overrides. The architecture uses React Context for state propagation and Motion's `motion.create` to wrap Base UI components. The code is well-typed in TypeScript, organized into clear modules, and demonstrates craftsmanship in its motion configuration resolution chain and drag physics handling. The repository also includes a documentation website built with Next.js and Fumadocs.
The w3c/html-aria repository maintains the ARIA in HTML W3C specification — a normative document defining which ARIA roles, states, and properties are permitted on each HTML element, plus the implicit ARIA semantics of native HTML. It is not a conventional application; it is a standards artifact with engineered supporting infrastructure: a ReSpec-based spec source (`index.html`) auto-published to gh-pages via GitHub Actions, a corpus of standalone HTML conformance test pages in `tests/`, and a cross-tool implementation report in `results/implementation-results.html`. The repo functions as the authoritative rulebook that accessibility conformance checkers (Nu HTML Validator, axe-core, IBM Equal Access, ARC Toolkit) implement against, so its 'production output' is normative rules consumed by validator software. The test corpus encodes each normative rule as a discrete, self-contained HTML page with explicit pass/fail expectations — for example, pages verifying that `aria-hidden="true"` is forbidden on focusable elements, that `aria-rowspan` must not coexist with a native `rowspan`, and which roles are allowed on `button`, `summary`, `img`, and `li`. The implementation report tracks, per rule and per vendor tool, whether the rule is implemented (yes/partial/missing), linking to tool-specific GitHub issues. The contribution workflow enforces cross-repo coordination: normative changes require a corresponding web-platform-tests PR and coordination with checker maintainers before merging, which is an unusually well-governed process for a spec repository. Maintenance is steady: commits continue through late 2026, the implementation report was updated in March 2026, Dependabot monitors GitHub Actions, and the W3C auto-publish pipeline runs on every push. Technical drift is low — the spec deliberately tracks the WHATWG HTML Living Standard, deprecates (rather than abandons) outdated ARIA features, and is built on the actively maintained ReSpec toolchain. The main fragility is external: implementation gaps in vendor checkers are documented openly in the report, and cross-repo synchronization with WPT and checker projects creates coordination risk, but the repo itself is current and professionally curated.
Plyr is a widely-used, client-side JavaScript library that provides a simple, accessible, and customizable media player for HTML5 video/audio, YouTube, and Vimeo. It is implemented as a modular class with plugins, utilities, and a comprehensive SCSS theming system. The library handles all aspects of media playback: custom controls, captions (VTT), fullscreen, picture-in-picture, AirPlay, speed and quality selection, preview thumbnails, and ads (Google IMA). It uses a build system based on Gulp and Rollup, produces ES and UMD bundles, and includes a polyfilled variant for older browsers. The codebase is well-organized with clear separation of concerns (controls, captions, fullscreen, listeners, storage, plugins) and extensive JSDoc documentation. However, it exhibits some technical drift, including legacy UA sniffing, a large controls module marked for refactoring, and deprecated build tooling. Despite this, the library remains actively maintained and is production-ready, with a robust demo site and a large user community.
pdf-annotate.js is a JavaScript library that provides an annotation layer for PDF.js, enabling users to add various types of annotations (highlight, underline, strikethrough, freehand drawing, text boxes, points, shapes) to PDF documents. The library features a modular architecture with separate concerns for UI interactions, rendering, storage adapters, and accessibility. It integrates with PDF.js to render PDF pages and overlays annotation SVGs, handling coordinate transformations that account for viewport scaling and rotation. The library provides a storage adapter pattern for persisting annotations (with implementations for localStorage), comprehensive UI components for annotation creation and editing, and accessibility features for screen reader users through clever DOM manipulation techniques.
This is a monorepo (Yarn Berry workspaces) serving as a comprehensive educational resource for frontend fundamentals, maintained by the Korean fintech company Viva Republica (Toss). It comprises multiple VitePress documentation sites covering code quality, accessibility, debugging, and bundling, along with a real React application ('today-i-learned') that demonstrates the principles by using GitHub Discussions as a backend for a community TIL blog. The repository also includes a Claude Code plugin (frontend-fundamentals-plugin) that evaluates code against these principles using automated grading tasks. The architecture is documentation-centric with a shared navigation component, multi-language support (Korean, English, Japanese, Chinese), and Vercel serverless functions for GitHub OAuth and GraphQL API proxying. The TIL app is a production-grade React SPA (Vite, React Query, Panda CSS, Radix UI) that features post creation, comments, reactions, streaks, and weekly challenges. While the code is well-structured and the educational content is high-quality, much of the code is tightly coupled to the documentation context or the TIL app's specific domain, limiting broad reuse. The repository is actively maintained with recent commits and responsive issue management.
This repository is a web component library focused on accessibility, providing custom HTML elements for building inclusive web applications. It implements alternative input methods including standard mouse/keyboard/touch and pose/body tracking using TensorFlow's PoseNet model. The architecture follows web component principles using LitElement and Polymer, with a clear hierarchy of base classes (AbstractInputElement, AbstractUIElement) and specialized components for various UI patterns. The library emphasizes accessibility features like ARIA support, keyboard navigation, and screen reader compatibility. The codebase demonstrates strong craftsmanship in its utility implementations, particularly in coordinate transformation handling (mouse-position.ts), vector mathematics (vec2.ts), and general-purpose helper functions (utils.ts). The webcam integration (webcam.ts) shows proper resource management and lifecycle handling. However, the library suffers from significant technical drift due to outdated dependencies (lit-element 0.5.2, tfjs 0.13.0, typescript 3.1.6), which would require substantial updates for modern use. While the core architectural patterns are sound, the dependency versions limit practical reusability without migration work.
This repository is a curated collection of front-end interview questions organized by topic (HTML, CSS, JavaScript, React, etc.). Each question links to a YouTube video with an answer. It is a static documentation resource, not a software application. There is no executable code, build system, or API. The content is well-structured but offers no reusable software components. The repository serves as a study guide for front-end developers preparing for technical interviews.
This repository contains no source code. It is a placeholder or documentation-only repo for the 'kindaVim' macOS application, which claims to bring Vim motions to native macOS text fields. The only file is a README.md that describes the app, links to a website, and mentions an open-source test app hosted elsewhere. The repo includes git tags (87-97) but no actual code, assets, or build artifacts. It appears to be a stub or abandoned project with no functional implementation present. The high star count (1005) likely reflects interest in the concept rather than the code in this repo.