1 slot open this monthBy the makers of shadcnregistryWe built shadcnregistry. Now we build your product.Book a callCheck availability
1 slot open this monthAI features?We build AI features into your product.Book a callCheck availability
1 slot open this month๐Ÿšจ Slop police๐Ÿšจ Slop police: we clean up vibe-coded apps.Report itReport your app
shadcnregistry
shadcnregistry
RegistryHealthInspect
Terms of ServicePrivacy Policy
  1. Registries
  2. motiq
  3. Live Data Command Hero

Live Data Command Hero

block

An editable hero block for operational-data products centered on continuity and changing state. Composes KPI Number Morph (three metrics), Data Refresh State, a small Streaming Data Rows subset, and Filter Result Transition across initial/live/filtering/refreshing/partial-update/stale/error/recovery. App-controlled, clearly-fictional demo data. SSR-safe, reduced-motion-safe.

pnpm dlx shadcn@latest add "https://motiq.dev/r/live-data-command-hero.json"
Premium blocks for shadcn/uiShadcnblocks.com ยท AffiliateExplore
  • motion
  • kpi-number-morph
  • data-refresh-state
  • streaming-data-rows
  • filter-result-transition
  • utils
  • primitives
components/motiq/blocks/live-data-command-hero.tsx