npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

aether-motion

v1.0.0

Published

Zero-Cost Motion Graphics for React Components - AI-powered video generation pipeline

Readme

🛸 Aether-Motion AIOS

Kernel de Vídeo Programático — Transforme código-fonte em demos técnicos animados automaticamente.

Status: Foundation License: MIT Node: >=20


🎯 O Que é Aether-Motion?

Aether-Motion é um sistema AI-orchestrado que analisa seu código-fonte e gera vídeos de demonstração técnica profissionais em minutos — não horas.

Antes (Manual)

  1. ⏱️ 5 horas gravando tela
  2. 💰 $500-2000 contratando motion designer
  3. 🔧 Aprendendo After Effects/Premiere
  4. 😓 Repetir para cada release

Depois (Aether-Motion)

  1. 3 minutos executando CLI
  2. 🎬 Vídeo 1080p 60fps pronto
  3. 🤖 Qualidade consistente (IA-powered)
  4. 🔄 Regenere quando código mudar

✨ Features

  • 🤖 3 Agentes Especializados

    • Scriptwriter: Analisa código e cria roteiro de 40s (9 cenas)
    • UI Cloner: Converte React components em versões Remotion-ready
    • Motion Physicist: Implementa animações com spring physics (60fps)
  • 📦 Tech Stack de Primeira

    • Claude 4.6 Opus (análise de código)
    • Remotion 4.x (rendering programático)
    • React + TypeScript (componentes)
    • Turborepo (monorepo otimizado)
  • ⚡ Performance

    • Local: 3-6 minutos por vídeo
    • Lambda (AWS): 1-3 minutos por vídeo
    • Custo: $0.08-0.80 por vídeo

🚀 Quick Start

⚡ One-Command Installation

npx aether-motion@latest install

Done! The installer automatically:

  • ✅ Installs npm dependencies
  • ✅ Installs FFmpeg (if missing)
  • ✅ Installs 3 Claude Code agents globally (~/.claude/commands/)
  • ✅ Sets up project directories
  • ✅ Verifies Remotion configuration

Full installation guide: README-INSTALL.md


🎬 Usage Pipeline

Pré-requisitos

node --version  # >= 20.0.0
pnpm --version  # >= 9.0.0

Instalação

# 1. Clone (ou baixe este template)
git clone https://github.com/your-org/aether-motion.git
cd aether-motion

# 2. Instalar dependências
pnpm install

# 3. Configurar ambiente
cp .env.example .env.local
# Edite .env.local e adicione sua ANTHROPIC_API_KEY

# 4. Build
pnpm run build

Uso Básico

# Gerar vídeo de um diretório
pnpm run cli generate ./my-app/src --output demo.mp4

# Gerar vídeo de um componente específico
pnpm run cli generate ./Button.tsx --scenes 3 --output button.mp4

📁 Estrutura do Projeto

aether-motion/
├── packages/
│   ├── kernel/              # Orquestrador central
│   ├── scriptwriter/        # Agent 1: Script generation
│   ├── ui-cloner/           # Agent 2: Component cloning
│   ├── motion-physicist/    # Agent 3: Animation engine
│   ├── cli/                 # Command-line interface
│   └── shared/              # Tipos compartilhados
│
├── docs/
│   ├── analysis/            # Análise de viabilidade
│   ├── architecture/        # Documentação técnica
│   └── guides/              # Guias de uso
│
├── .aios/                   # Configuração AIOS
│   ├── kernel_config.md
│   └── agents/
│
└── remotion/                # Output: vídeos renderizados

📖 Documentação


🛠️ Status de Desenvolvimento

✅ Fase 0: Validation (Completo)

  • [x] Análise profunda de viabilidade (850+ linhas)
  • [x] Arquitetura técnica definida
  • [x] Stack tecnológica selecionada

🔄 Fase 1: Foundation (In Progress)

  • [ ] Sprint 1: Scriptwriter Agent (Semanas 3-4)

    • [ ] AETHER-001: CLI básico
    • [ ] AETHER-002: Claude API integration
    • [ ] AETHER-003: Component parser (AST)
    • [ ] AETHER-004: Storyboard generator
  • [ ] Sprint 2: UI Cloner Agent (Semanas 5-6)

    • [ ] AETHER-005: Component serializer
    • [ ] AETHER-006: Puppeteer integration
    • [ ] AETHER-007: Remotion code gen
    • [ ] AETHER-008: Snapshot state manager

⏳ Fase 2: Animation Engine (Semanas 7-10)

  • [ ] Sprint 3: Core Animations
  • [ ] Sprint 4: Scene Templates

⏳ Fase 3: Production Ready (Semanas 11-14)

  • [ ] Infrastructure (Lambda, Storage, DB)
  • [ ] Quality & Monitoring

⏳ Fase 4: GTM (Semanas 15-18)

  • [ ] Dashboard (Next.js)
  • [ ] Billing (Stripe)
  • [ ] Product Hunt launch

💰 Pricing (Proposto)

| Tier | Price | Vídeos/mês | Features | |------|-------|-----------|----------| | Free | $0 | 5 | Watermark, local rendering | | Pro | $49/mês | 50 | Sem watermark, Lambda, custom templates | | Team | $199/mês | Unlimited | API access, white-label, priority support |


🤝 Contribuindo

Este é um projeto em desenvolvimento ativo. Contribuições são bem-vindas!

Desenvolvimento Local

# Instalar
pnpm install

# Desenvolver (watch mode)
pnpm run dev

# Testar
pnpm run test

# Lint
pnpm run lint

Workflow

  1. Fork o repositório
  2. Crie uma branch (git checkout -b feature/amazing-feature)
  3. Commit suas mudanças (git commit -m 'Add amazing feature')
  4. Push para a branch (git push origin feature/amazing-feature)
  5. Abra um Pull Request

📊 Métricas de Sucesso (12 meses)

| Métrica | Target | |---------|--------| | Usuários ativos mensais | 2,000 | | MRR | $30,000 | | NPS | >50 | | UI clone success rate | >75% | | Avg render time | <4min |


🙏 Acknowledgments

  • Remotion — Framework incrível para vídeo programático
  • Anthropic — Claude 4.6 para análise de código
  • Synkra AIOS — Framework de agentes colaborativos

📝 License

MIT License - veja LICENSE para detalhes.


📬 Contato


Feito com 🛸 por Synkra AIOS

— Transformando código em cinema desde 2026