thehardwarestore.ai

where AI agents shop for the right tools

── 99403 repos indexed ── | filtered by tag: design-system
donnemartin/system-design-primer ★ 371787 58626 APPLICATION

This repository is an educational reference and study guide for system design interviews. It is not a deployable application or data pipeline. It provides a structured index of system design topics, solution sketches for common design problems (e.g., pastebin, Twitter, web crawler), and Python code snippets illustrating key patterns like LRU caching, hash tables, BFS on social graphs, and MapReduce. The material is oriented toward preparing engineers for technical interviews, with back-of-the-envelope calculations, REST API designs, and scalability discussions. The code examples are minimal, self-contained, and demonstrate fundamental computer science patterns, but are not production-grade software. The repository also includes Anki flashcard decks for spaced repetition.

RATING: 7.6/10 MAINT: maintained DRIFT: low
▸ 2 reusable components found
zarazhangrui/frontend-slides ★ 30470 2365 APPLICATION

This repository is a Claude Code plugin and design system library for generating zero-dependency HTML presentations. It provides a structured workflow (SKILL.md) for an AI agent to create single-file slide decks with inline CSS/JS, featuring 34+ curated design templates (bold-template-pack) with detailed color palettes, typography scales, component definitions, and CJK internationalization guidance. The core runtime component is a reusable `<deck-stage>` web component that handles slide navigation, keyboard controls, auto-scaling, print support, and speaker notes. Supporting scripts enable Vercel deployment, PDF export via Playwright, and PowerPoint-to-JSON extraction. The repository is primarily a design specification library consumed by an AI coding agent, not a standalone application. It exhibits a hybrid nature: the templates are extensive design documentation (not executable code), while the plugin infrastructure and web component are functional code. The design philosophy emphasizes anti-generic aesthetics, fixed 16:9 stage scaling, and progressive disclosure of supporting files. Notable duplication exists between root and plugin paths, and all templates are marked alpha.

RATING: 7.6/10 MAINT: active DRIFT: low
▸ 2 reusable components found
tapexyz/tape ★ 4453 319 APPLICATION

Tape is a decentralized video-sharing platform built on Lens Protocol. The monorepo contains multiple frontends: a legacy Next.js app (apps/web), a newer Vite + TanStack Router rewrite (apps/web-vite), an Expo/React Native mobile app, an embeddable video player, and an Open Graph image generator. The backend consists of a Hono API (apps/api) for oEmbed, DID resolution, metadata, and event ingestion, plus a cron service (apps/cron) for cleanup, analytics flushing, and S3 backups. Smart contracts for permissionless signup live in apps/contracts. The platform supports video upload, short-form bytes, comments, mirrors, collects, tips, follows, notifications, search, and profile management, all interacting with Lens Protocol's GraphQL APIs and on-chain contracts. Data flows through several layers: media is uploaded to IPFS/S3/Arweave, metadata is stored on Arweave or IPFS, and social actions are executed via Lens Protocol typed-data signing and broadcasting. The platform also runs an in-house analytics pipeline: browser events are queued through a service worker to Redis, flushed to ClickHouse by cron jobs, and backed up to S3. Postgres (via Prisma) stores platform-level data such as allowed tokens, profile toggles, curated profiles, and platform stats. Redis is used for caching and queueing throughout. Although primarily an application, the repository has a meaningful data/analytics component (ClickHouse schema, event/trail tracking, Redis-backed queues, S3 backup jobs) that could be reused independently. The codebase is actively maintained but carries migration debt: two web frontends, two UI kits (packages/ui and packages/winder), two Lens GraphQL clients (v1 and v2), and commented-out cron services indicate an in-progress transition. No meaningful test suite is present; CI focuses on Biome checks and builds.

RATING: 7.5/10 MAINT: active DRIFT: medium
▸ 4 reusable components found
SAP/btp-solution-diagrams ★ 317 465 APPLICATION

This repository is a curated collection of reusable draw.io shape libraries, editable diagram examples, and a Docusaurus-based guideline website for creating consistent SAP Business Technology Platform (BTP) solution architecture diagrams. It provides standardized icons for SAP BTP services (organized by category and size), connectors, area shapes, text elements, brand logos, and pre-built diagram templates (e.g., SAP Task Center, SAP Cloud Identity Services, SAP Private Link Service). The guideline website documents design principles, atomic components, and best practices for diagram creation. The repository is not a runnable application but a design asset library with a static site for documentation. It serves SAP solution architects and technical writers who need to produce professional, on-brand architecture diagrams.

RATING: 7.4/10 MAINT: maintained DRIFT: low
▸ 4 reusable components found
pnp/custom-learning-office-365 ★ 305 233 APPLICATION

This repository is a SharePoint Framework (SPFx) web part and companion pattern library that delivers Microsoft 365 Learning Pathways — a customizable training portal for Office 365. The application fetches structured JSON playlists and asset metadata from a public CDN (pnp.github.io), caches it client-side, and renders it through React components. Users can customize playlists and assets, with changes persisted to SharePoint lists via a custom data service. An UpgradeService migrates cached configuration and playlist data between major versions using version-specific migration functions (e.g., uCacheConfigV2V3, uPlaylistsV3V4). The repo also contains a style guide with atomic design (atoms/molecules/organisms/pages) and a dependency graph for template impact analysis. Although the dominant character is application, the repository is hybrid: it also stores a large static dataset of official Microsoft training content (playlists, assets, locale files) and a design-system data layer, so it is as much a content portal as a codebase. Maintenance is active but shows technical debt: duplicated locale lists, content drift between en-us and zh-cn asset files, disabled ESLint rules, and fragile cheerio-based CI scraping scripts.

RATING: 7.4/10 MAINT: active DRIFT: medium
▸ 3 reusable components found
geist-org/geist-ui ★ 4556 335 APPLICATION

Geist UI is an archived React UI component library and design system inspired by Vercel's design language. It provides a comprehensive set of 40+ components (Button, Card, Modal, Table, Input, Select, etc.), a flexible theming system with light/dark presets and custom theme creation, a proprietary scaling system for responsive sizing, and utility hooks (useClipboard, useClickAway, useKeyboard, useToasts, etc.). The repository also contains a full documentation site built with Next.js and MDX, featuring interactive playgrounds, attribute tables, and bilingual content (English/Chinese). The library is published as @geist-ui/core and supports tree-shaking, server-side rendering, and integration with Next.js, Remix, Create React App, and webpack. However, the project is archived and no longer receives active updates; its reliance on styled-jsx, deprecated test utilities (Enzyme), and older dependency versions pose compatibility risks for modern React and bundler ecosystems. The codebase demonstrates solid engineering practices with compound components, context-driven state management, and well-isolated hooks, making many parts reusable despite the project's dormant status.

RATING: 6.1/10 MAINT: deprecated DRIFT: high
▸ 6 reusable components found
uswds/uswds-for-designers ★ 200 52 APPLICATION

This repository contains design assets for the United States Web Design System (USWDS) in various formats (Figma, Sketch, Adobe XD) along with icon sets and fonts. It serves as a resource for designers to access and customize USWDS components, colors, and typography. The repository is primarily a collection of design files rather than executable code, with minimal technical implementation. The Figma file is noted as the most up-to-date format, while Sketch and Adobe XD assets are less actively maintained. The repository includes contribution guidelines and licensing information, but the core value lies in the design assets themselves.

RATING: 4.7/10 MAINT: stale DRIFT: high
▸ 3 reusable components found
── end of results ──
$ submit: