Selected ComponentCard Spotlight
Showcase Mode

Ship with zComponents

Drop a motion-ready block into your app in four steps:

  • Browse the library and pick a component

  • Copy the source with bundled metadata

  • Paste into /components/ui in your project

  • Tune the props — every one is documented

Every component ships with AI-readable context so Cursor, Copilot, and Claude know exactly how to extend it.