# journey-ad/moe-counter **Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/journey-ad-moe-counter).** 2,766 stars · 281 forks · JavaScript · mit ## Links - GitHub: https://github.com/journey-ad/Moe-Counter - Homepage: https://count.getloli.com - awesome-repositories: https://awesome-repositories.com/repository/journey-ad-moe-counter.md ## Topics `badge` `counter` `visitor-counter` `visitors` ## Description Moe-Counter is a self-hosted page view tracker that renders visitor counts as dynamically generated SVG badges with anime-themed styling. It operates as a lightweight Node.js HTTP service that associates each unique counter name in a URL with a stored page view count, providing a customizable alternative to third-party analytics services. The service is designed for flexible deployment, running either directly from source with pnpm dependency management or as a pre-built Docker image from GitHub Container Registry. Runtime configuration is handled entirely through environment variables set in a `.env` file, allowing adjustments to the port and database backend without code changes. The counter's appearance is controlled through URL query parameters, enabling selection from dozens of anime-themed visual themes and fine-tuning of padding, offset, scale, alignment, and pixelation effects. The project supports multiple database backends selected at runtime for persistent visit counting, and its SVG-based rendering approach allows the counter badge to be embedded directly into web pages. Documentation covers both source-based and containerized deployment paths, with configuration options documented through the environment variable and query parameter interfaces. ## Tags ### Content Management & Publishing - [Page View Tracking](https://awesome-repositories.com/f/content-management-publishing/page-view-tracking.md) — Tracks and displays page view counts on web pages with a self-hosted SVG badge. - [Anime-Styled Badges](https://awesome-repositories.com/f/content-management-publishing/page-view-tracking/anime-styled-badges.md) — Tracking website visitor counts with a customizable anime-styled SVG badge that displays page view totals. ### User Interface & Experience - [Anime-Themed Counters](https://awesome-repositories.com/f/user-interface-experience/badges/anime-themed-counters.md) — Displays a customizable SVG counter badge with anime styling to track page views or visitor counts. ([source](https://cdn.jsdelivr.net/gh/journey-ad/moe-counter@master/README.md)) - [Anime-Themed Counters](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/css-utility-libraries/css-utilities/conditional-style-queries/document-media-queries/svg-theme-styles/anime-themed-counters.md) — An SVG badge that displays page view counts with customizable anime-style visual themes and layout options. - [Customizable SVG](https://awesome-repositories.com/f/user-interface-experience/badges/customizable-svg.md) — Adjusting the appearance of a counter badge through query parameters for padding, offset, scale, alignment, and pixelation. - [Anime-Themed Counter Themes](https://awesome-repositories.com/f/user-interface-experience/terminal-user-interfaces/visual-styling-presentation/interface-appearance-customization/component-appearance-customizers/application-appearance-customizers/anime-themed-counter-themes.md) — Changes the visual style of the counter image by selecting from dozens of anime-themed themes via a query parameter. ([source](https://count.getloli.com/)) - [Anime-Themed](https://awesome-repositories.com/f/user-interface-experience/visual-theme-configurations/visual-themes/anime-themed.md) — Changing the visual style of a counter image by selecting from dozens of anime-themed themes via a query parameter. ### Data & Databases - [URL-Keyed Counters](https://awesome-repositories.com/f/data-databases/counter-based-collection-tracking/url-keyed-counters.md) — Associates each unique counter name in the URL with a separate page view count stored in the database. ### Software Engineering & Architecture - [Query-Parameter-Driven Configurations](https://awesome-repositories.com/f/software-engineering-architecture/application-lifecycle-management/configuration-management/configuration-sourcing-and-binding/query-parameter-driven-configurations.md) — Adjusts counter appearance and behavior entirely through URL query parameters without server-side configuration files. ### Web Development - [Counter Badges](https://awesome-repositories.com/f/web-development/badge-generation-libraries/counter-badges.md) — An SVG generator that produces counter badges with adjustable padding, offset, scale, alignment, and pixelation effects. - [Environment-Configurable Web Services](https://awesome-repositories.com/f/web-development/server-runtimes/server-port-and-service-configuration/environment-configurable-web-services.md) — Provides a web service whose port and database backend are fully configured through a .env file. - [SVG Renderers](https://awesome-repositories.com/f/web-development/server-side-rendering/svg-renderers.md) — Renders visitor counts as dynamically generated SVG images with anime-themed styling applied through query parameters. ### DevOps & Infrastructure - [Environment Variable Configuration](https://awesome-repositories.com/f/devops-infrastructure/configuration-management/environment-management/environment-variable-management/environment-variable-configurations/environment-variable-configuration.md) — Loads runtime settings like port and database type from a .env file for flexible deployment without code changes. ([source](https://cdn.jsdelivr.net/gh/journey-ad/moe-counter@master/README.md)) - [Counter Services](https://awesome-repositories.com/f/devops-infrastructure/container-ci-cd-pipelines/dockerized-services/counter-services.md) — A containerized counter service that runs in Docker with configurable environment variables and database backends. - [Docker Container Deployments](https://awesome-repositories.com/f/devops-infrastructure/container-orchestration/container-runtimes/runtime-configuration-interfaces/docker-socket-orchestrators/docker-target-configurators/docker-container-deployments.md) — Packages the service as a pre-built Docker image for containerized deployment via GitHub Container Registry. ### Graphics & Multimedia - [Counter Display Adjusters](https://awesome-repositories.com/f/graphics-multimedia/instrument-track-assignments/track-organization/counter-track-display-customizers/counter-display-adjusters.md) — Controls the counter image's padding, offset, scale, alignment, pixelation, and dark mode through query parameters. ([source](https://count.getloli.com/))