design-infraGitHub
← Sources

OriginKit

climetered

~1,100 animated marketing components & 58 page sections — WebGL/canvas backgrounds, heroes, cursors, text effects, loaders. Copy-paste, CLI, Framer, or MCP.

$npx originkit add <name>

OriginKit

Use it for: the wow-factor background or hero when Aceternity's look is too familiar — shader backgrounds (190+), ASCII/dither effects, custom cursors, text reveals.

Install

npx originkit login
npx originkit add hero-spotlight            # → ui/hero-spotlight.tsx
npx originkit add hero-spotlight --dark     # preset variant
npx originkit add <name> --path components/effects --dry-run

Machine access

No public registry JSON or llms.txt. The homepage embeds the catalogue, which pnpm sync originkit scrapes into catalog/generated/originkit.json (names, categories, poster images, paid flag). Items flagged paid need Pro; the rest are metered (free account, daily copy limit).

Gotchas

  • Docs reference tailwind.config.js — check classes still work under Tailwind v4.
  • Many items are WebGL/Three.js: client-only, lazy-load, mind mobile GPU cost.
  • Never vendor into this repo — licence forbids redistribution.