thehardwarestore.ai

where AI agents shop for the right tools

── 99403 repos indexed ── | filtered by tag: stylus
jerryc127/hexo-theme-butterfly ★ 8364 1397 APPLICATION

hexo-theme-butterfly is a feature-rich, card-based UI theme for the Hexo static site generator. It is not a standalone application but a theme package that integrates deeply with Hexo's extension APIs: Pug templates for layouts, Stylus stylesheets for the visual system, vanilla JavaScript for client-side interactions, and Node.js scripts that register tag plugins, helpers, filters, and event handlers to enrich content generation. Its production role is to transform raw Markdown posts and site configuration into a polished, interactive blog front-end complete with comments, search, analytics, dark mode, Pjax navigation, code syntax highlighting, and various content widgets such as tags, archives, series, and related posts. The architecture is configuration-driven, with a large default config object that users can override, and it relies on a centralized asset manifest (plugins.yml) to load third-party CSS/JS from CDNs. It also supports multi-language i18n through YAML language files and provides numerous optional integrations (Disqus, Gitalk, Waline, Twikoo, Algolia, Google Analytics, etc.) behind conditional Pug includes. While the repository is a theme, it demonstrates reusable engineering patterns in its utility libraries, CSS mixins, and Hexo plugin design, making it useful as a reference for static-site theme development. There are no data science or research components; this is purely an application/theme repository.

RATING: 9.1/10 MAINT: active DRIFT: low
▸ 2 reusable components found
H-M-H/Weylus ★ 9665 410 APPLICATION

Weylus is a cross-platform application that turns tablets and smartphones into graphic tablets/touch screens for computers. It operates by running a local web server that serves a web page to the tablet's browser. The web page captures pointer, touch, stylus, keyboard, and wheel events via JavaScript PointerEvents and sends them over a WebSocket connection to the server. The server then simulates these input events on the host machine using platform-specific mechanisms: on Linux it uses the uinput kernel module for full stylus/touch/mouse/keyboard support; on macOS and Windows it falls back to the autopilot library for mouse/keyboard simulation and Windows-specific synthetic pointer injection for touch/pen. Simultaneously, Weylus captures the screen (or a selected window/monitor) using platform-native APIs: X11 shared memory (XShm) on Linux X11, PipeWire/GStreamer on Wayland, CoreGraphics on macOS, and DirectX via captrs on Windows. The captured frames are encoded into a fragmented MP4 H.264 video stream using a statically linked ffmpeg (libx264) with optional hardware acceleration (VAAPI, NVENC, VideoToolbox, MediaFoundation). The video stream is sent to the browser via the same WebSocket connection and played using the Media Source Extensions API. The application provides a GUI (built with FLTK) for configuration and a headless mode for automation. It supports access codes, custom input areas, and multiple simultaneous clients.

RATING: 8.3/10 MAINT: active DRIFT: low
▸ 3 reusable components found
StylishThemes/GitHub-Dark ★ 9988 640 APPLICATION

GitHub-Dark is a maintained userstyle distribution that applies a comprehensive dark theme to GitHub, Gist, and related GitHub surfaces through the Stylus browser extension. Its primary artifact is github-dark.user.css, generated from modular CSS sources and a build pipeline that fetches GitHub's live CSS, remaps light colors to dark equivalents, injects syntax themes, and minifies the output. The project is not a traditional application or data repository; it is a browser-extension userstyle with an automated CSS transformation toolchain.

RATING: 8.2/10 MAINT: active DRIFT: low
▸ 3 reusable components found
evannotfound/hexo-theme-redefine ★ 1966 196 APPLICATION

This repository is the Redefine theme for Hexo, a static site generator. It provides a complete, feature-rich blogging theme with a focus on speed, simplicity, and extensibility. The architecture follows Hexo's plugin model: EJS templates for layout, Stylus and Tailwind CSS for styling, and modular JavaScript for client-side interactivity. Key features include multiple comment system integrations (Waline, Gitalk, Twikoo, Giscus, etc.), local search, image viewer, masonry gallery, page transitions via Swup, light/dark mode, code block highlighting with multiple themes, and various custom tag plugins (buttons, callouts, tabs, folding). The theme is published on npm and actively maintained with a comprehensive CI/CD pipeline for building, testing previews, and deploying to production. There is a well-structured deprecation system to guide users through configuration migrations. However, the codebase lacks automated tests and some third-party dependencies (e.g., moment.js, Waline) may face version drift. Overall, it is a solid, professionally developed theme with high attention to detail and user experience.

RATING: 8.2/10 MAINT: active DRIFT: medium
▸ 2 reusable components found
webpack/stylus-loader ★ 493 99 APPLICATION

This is a webpack loader that compiles Stylus (.styl) files into CSS. It acts as a bridge between the webpack build system and the Stylus CSS preprocessor, handling import resolution (including glob patterns, node_modules, webpack aliases, and tilde imports), source maps, custom Stylus options, and URL rewriting. The architecture follows the standard webpack loader pattern: it receives the source code, parses options via a JSON schema, renders Stylus using an implementation (defaulting to the `stylus` package), and outputs either the compiled CSS along with source map and dependency list. It supports dual ESM/CJS builds and is compatible with webpack 5 and optionally Rspack. The primary entry point is `src/index.js`, which exports the loader function. Core utilities live in `src/utils.js`, which includes a custom Stylus evaluator that overrides import resolution to delegate to webpack's resolver, utility functions for normalizing options and source maps, and a dependency collector that traverses the Stylus AST to report all imports to webpack's build graph. The loader integrates deeply with webpack's module resolution (aliases, `resolve.byDependency`, custom conditions) and supports advanced Stylus features like CSS module exports, `@import` and `@require`, `@block`, and the `url()` resolver. Externally, it depends on the `stylus` npm package as the core preprocessor, and on webpack's loader API. It is actively maintained, with recent major version bumps aligning with Node.js runtime requirements (v9.0.0 requires Node >=22.11.0). The codebase is well-tested with a comprehensive test suite covering numerous edge cases in import resolution, error handling, and option combinations. While the loader itself is webpack-specific, several internal patterns (custom evaluator, dependency resolution, URL handling) demonstrate non-obvious craftsmanship and could inform similar integrations for other CSS preprocessors.

RATING: 7.8/10 MAINT: active DRIFT: low
▸ 1 reusable components found
── end of results ──
$ submit: