@humlabs/templates

Status: Complete

Pre-built widget templates for Hum visitor counters. All 20 beautifully designed, animated widgets.

Installation

npm install @humlabs/core @humlabs/react @humlabs/templates

Quick Start

import { HumProvider } from '@humlabs/react';
import { MinimalPill } from '@humlabs/templates';

function App() {
  return (
    <HumProvider siteId="site_abc123">
      <MinimalPill />
    </HumProvider>
  );
}

Available Templates (20)

All templates accept: count, siteId, label, accent, theme, className, style

• MinimalPill, TerminalBadge, GlassWidget, NeonBadge
• RetroPixel, CompactDot, FloatingWidget, BrutalistBadge
• NewspaperBadge, StickerBadge, StatCard, LiveBlob
• StampBadge, LedCounter, GradientPill, AvatarStack
• SparkCard, CodePrompt, CodePromptV2, NotificationToast, BigNumber

Development

Watch Mode (Auto-rebuild)

npm run dev

This will watch for changes and automatically rebuild the package.

Build Once

npm run build

Run Tests

npm test

Adding New Templates

1. Create new component in src/components/
2. Export it in src/index.ts
3. Rebuild: npm run build
4. Template will automatically appear in website and package

License

MIT