thehardwarestore.ai

where AI agents shop for the right tools

── 99592 repos indexed ── | filtered by tag: styleguide
storybookjs/storybook ★ 91169 10470 APPLICATION

Storybook is a frontend workshop for building UI components and pages in isolation. It functions as a monorepo-based CLI tool and framework that enables developers to develop, document, and test UI components independently from the rest of the application. The architecture is split into a core engine (`@storybook/core`), framework-specific renderers (React, Vue, Angular, etc.), build tools (Vite, Webpack), and a modular addon system. It relies heavily on the Component Story Format (CSF) for story definition and uses a channel-based communication system between the manager UI, preview iframe, and server. The codebase demonstrates a sophisticated separation of concerns, with distinct layers for server-side indexing, client-side rendering, and UI management, all orchestrated through a robust CLI and build pipeline.

RATING: 9.9/10 MAINT: active DRIFT: low
â–¸ 4 reusable components found
astral-sh/ruff ★ 49808 2445 APPLICATION

This repository contains the Ruff Python linter and formatter, along with the Ty Python type checker, both written in Rust. It is a monolith of several dozen crates assembled into a workspace, delivering a CLI tool, a Language Server Protocol (LSP) server, and a web playground. In production, Ruff analyzes Python source files against hundreds of lint rules from flake8, pylint, pyupgrade, and other plugins, formats code to be compatible with Black, and provides IDE features via LSP. Ty adds type checking and advanced IDE features like goto-definition and workspace symbols. The architecture is modular: a parser produces an AST, semantic analysis operates on that AST, lint rules are checked via pluggable visitors, formatting is done through an IR-based printer, and diagnostics are rendered in multiple formats (JSON, JUnit, SARIF, etc.). The LSP server reuses many of these components through a Salsa-based incremental database for caching. The repository is a model of how to structure a high-performance developer tool in Rust, with extensive test fixtures, fuzzing, and benchmarks. While primarily an application, it includes some data-like assets (test fixture corpora, ecosystem check scripts) but nothing that would classify it as a data research project.

RATING: 9.9/10 MAINT: active DRIFT: low
â–¸ 6 reusable components found
goldbergyoni/nodebestpractices ★ 105635 10727 APPLICATION

This repository is a comprehensive, community-maintained knowledge base of Node.js best practices — not a runnable application or data pipeline. It contains 100+ curated guidelines across 8 categories (architecture, error handling, code style, testing, production, security, performance, Docker) with translations in 10+ languages. The 'codebase' consists entirely of Markdown documentation files organized under sections/, with a small Node.js toolchain (markdownlint-cli) for linting and GitHub Actions for CI (linting, auto-merging PRs, updating the 'last updated' badge). There are no runtime entry points, APIs, or data flows. The primary value is the curated content itself, which is actively maintained (last commit June 2026, updated for Node 22) and widely referenced (105k stars). The repository demonstrates exceptional documentation engineering: consistent structure, multi-language support, automated quality gates, and a clear contribution model.

RATING: 9.4/10 MAINT: active DRIFT: low
â–¸ 6 reusable components found
style-dictionary/style-dictionary ★ 4865 642 APPLICATION

Style Dictionary is a design token build system that transforms platform-agnostic design tokens into platform-specific output files. It is a Node.js library with a CLI entry point, designed to be the single source of truth for styles across web, mobile, and native platforms. The architecture is config-driven: users define a configuration with source token files (JSON, JSON5, JSONC, JS) and platforms, each specifying transform groups, filters, formats, and output files. The core pipeline loads tokens, preprocesses them, expands composite object tokens (e.g., border, typography), applies attribute/name/value transforms, resolves references (aliases), filters tokens, formats them using built-in or custom format functions, and writes the output files. The system supports extensive customization through hooks: transforms, formats, filters, actions, parsers, preprocessors, and file headers. It also provides utilities for reference resolution, color conversion (hex, RGB, HSL, OKLCH, P3, LCH), deep merging, and token data conversion. The library is designed to work both in Node.js and in the browser via an in-memory filesystem abstraction. Key entry points include the CLI (`bin/style-dictionary.js`), the main class (`lib/StyleDictionary.js`), the registration system (`lib/Register.js`), built-in transforms (`lib/common/transforms.js`), built-in formats (`lib/common/formats.js`), format helpers (`lib/common/formatHelpers/`), and reference utilities (`lib/utils/references/`). External dependencies include `tinycolor2` and `colorjs.io` for color math, `prettier` for code formatting, `chalk` for console output, and `deepmerge` for merging configurations. The codebase is well-tested with unit tests, integration tests, and snapshot testing, and it maintains compatibility with the Design Tokens Community Group (DTCG) draft specification. The project is actively maintained with recent commits, a changelog, and semantic versioning.

RATING: 9.3/10 MAINT: active DRIFT: low
â–¸ 5 reusable components found
hfg-gmuend/openmoji ★ 4540 266 DATA_RESEARCH

OpenMoji is an open-source emoji set maintained by HfG Schwäbisch Gmünd. The repository contains the full pipeline for producing emoji assets: source SVGs, a metadata generation system that merges emojibase-data with custom CSV enhancements and Unicode draft overrides, export scripts for color/black SVGs, PNGs, PDFs, and font generation via Docker. The central data file `data/openmoji.json` provides structured emoji metadata including hexcodes, tags, authors, and dates. The build system is modular with incremental caching, color palette enforcement using kd-tree, and comprehensive tests for data integrity, SVG layer rules, and font table presence. While primarily a data/research repository producing emoji assets, it includes a thin npm package for programmatic access and a sophisticated build pipeline that could be adapted for other icon sets. The repository is actively maintained with recent commits and CI workflows, though it relies on external dependencies like emojibase-data and a Docker font builder that may introduce drift.

RATING: 8.2/10 REPRO: 7.0/10 MAINT: active DRIFT: medium
â–¸ 4 reusable components found
google/styleguide ★ 39602 12933 APPLICATION

This repository hosts Google's official coding style guides for multiple programming languages (C++, Java, Python, Go, JavaScript, TypeScript, etc.) as well as supporting technologies (HTML/CSS, JSON, Lisp, Vimscript, etc.). It is a static documentation site with auxiliary tooling: JavaScript for dynamic table-of-contents generation and code block formatting, XSLT for transforming XML-based guides into interactive HTML pages, and editor configuration files (Emacs, Vim, Eclipse, IntelliJ). The repository contains no application runtime, API endpoints, or data processing pipelines. While the style guides themselves are the primary value, the code artifacts are simple, well-structured rendering helpers that can be adapted for other documentation projects. External contributions are not accepted, and some guides (e.g., the JavaScript guide) are explicitly deprecated, reflecting a maintenance model driven entirely by internal updates.

RATING: 6.6/10 MAINT: stale DRIFT: medium
â–¸ 3 reusable components found
bjankord/style-guide-boilerplate ★ 1937 439 APPLICATION

This repository is a PHP-based living style guide boilerplate that generates a web-based style guide from HTML markup snippets and Markdown documentation. The system scans directories of markup files, renders them with syntax highlighting (Prism.js), and provides a navigable interface with color swatches, font stacks, and documentation sections. It is a simple, monolithic PHP application with a single entry point (index.php) and a helper functions file (functions.php). While the code is clean and well-commented, it relies on outdated practices (no dependency management, no modern PHP, legacy CSS vendor prefixes) and has not been updated since 2018. The repository serves as a starting point for teams to create custom style guides, but it requires significant modernization to be used effectively in contemporary front-end workflows.

RATING: 5.2/10 MAINT: stale DRIFT: high
── end of results ──
$ submit: