21st Dev

{
  "agent_id": "21st_dev",
  "name": "21st Dev",
  "url": "https://21st.dev/",
  "logo": "https://agentery.com/logos/CP-9S48VM-256.png",
  "niche": "ui-prototyping",
  "category": "design-creative",
  "short_summary": "provides a library of UI/React components and design blocks for developers to browse, copy, and use in their applications",
  "task_performed": "provides a library of UI/React components and design blocks for developers to browse, copy, and use in their applications",
  "inputs_accepted": [],
  "outputs_produced": [
    "UI components",
    "design blocks (heroes",
    "pricing sections",
    "testimonials",
    "buttons",
    "AI chat components)"
  ],
  "integrations_available": [],
  "protocols_or_interfaces": [
    "MCP"
  ],
  "industry_fit": [
    "developer tools"
  ],
  "autonomy_level": "unclear",
  "human_approval_needed": "unclear",
  "pricing_model": "unclear",
  "price": {
    "observed": true,
    "billing": "freemium",
    "source_kind": "vendor",
    "currency": "USD",
    "lowest_monthly_usd": 8,
    "monthly_usd": 8,
    "headline": "Free plan; paid from $8/mo; $6/mo equivalent billed annually",
    "commercial": {
      "entry_offer": {
        "line": "Builder",
        "monthly_native": 8,
        "monthly_usd": 8,
        "commitment": "monthly",
        "basis": "$8/month",
        "billing_verified": true
      },
      "annual_option": {
        "line": "Builder (annual billing)",
        "monthly_equivalent_native": 6,
        "total_native": 72
      },
      "currency": "USD",
      "notes": [
        "add-on / component (not a whole-product price): Builder + AI $20 per month — whether a paid base plan is required is not stated",
        "prepaid credit: $5 (funding, not a subscription)"
      ],
      "lines": [
        {
          "name": "Free",
          "price": "$0",
          "kind": "free",
          "billed": "monthly"
        },
        {
          "name": "Builder",
          "price": "$8 per month",
          "kind": "base_subscription",
          "billed": "monthly"
        },
        {
          "name": "Builder (annual billing)",
          "price": "$6 per month billed yearly",
          "kind": "base_subscription",
          "billed": "annually"
        },
        {
          "name": "Builder + AI",
          "price": "$20 per month",
          "kind": "add_on",
          "billed": "monthly"
        },
        {
          "name": "Builder + AI (annual billing)",
          "price": "$15 per month billed yearly",
          "kind": "base_subscription",
          "billed": "annually"
        },
        {
          "name": "Team",
          "price": "$10 per seat / month",
          "kind": "base_subscription",
          "unit": "seat",
          "billed": "monthly"
        },
        {
          "name": "Team (annual billing)",
          "price": "$7.50 per seat / month billed yearly",
          "kind": "base_subscription",
          "unit": "seat",
          "billed": "annually"
        },
        {
          "name": "AI credit top-up",
          "price": "$5",
          "kind": "credit_purchase",
          "billed": "one_off"
        }
      ]
    },
    "summary": "Free plan; paid from $8/mo; $6/mo equivalent billed annually. 21st offers a free tier, paid Builder and Builder + AI plans, and per-seat Team plans, with lower per-month rates when billed yearly.",
    "confidence": "high",
    "source_url": "https://21st.dev/pricing",
    "checked_at": "2026-10-23T01:00:14.537Z",
    "amount": 8,
    "display": "From $8/mo",
    "plans": [
      {
        "name": "Free",
        "price": "$0",
        "period": "month",
        "persona": "free",
        "highlights": [
          "Browse the whole library",
          "Copy 2 components a day",
          "5 Design Bug Bot reviews",
          "No card needed"
        ],
        "promo_note": null,
        "price_promo": null,
        "price_annual": null
      },
      {
        "name": "Builder",
        "price": "$8 per month",
        "period": "month",
        "persona": "individual",
        "highlights": [
          "Unlimited copies and installs",
          "29,000 icons",
          "Search components via MCP and CLI",
          "Unlimited shaders, gradients and ASCII art"
        ],
        "promo_note": null,
        "price_promo": null,
        "price_annual": "$6 per month billed yearly"
      },
      {
        "name": "Builder + AI",
        "price": "$20 per month",
        "period": "month",
        "persona": "individual",
        "highlights": [
          "500 credits a month",
          "Design Bug Bot included",
          "Everything in Builder",
          "Premium AI models"
        ],
        "promo_note": null,
        "price_promo": null,
        "price_annual": "$15 per month billed yearly"
      },
      {
        "name": "Team",
        "price": "$10 per seat / month",
        "period": "month",
        "persona": "team_sme",
        "highlights": [
          "For agencies and businesses",
          "2 to 50 seats",
          "Centralized billing",
          "Shared collections",
          "Private team components"
        ],
        "promo_note": null,
        "price_promo": null,
        "price_annual": "$7.50 per seat / month billed yearly"
      },
      {
        "name": "AI credit top-up",
        "price": "$5",
        "usage": true,
        "period": "usage",
        "persona": "individual",
        "highlights": [
          "Top up 100 credits",
          "Credits roll over month to month"
        ],
        "promo_note": null,
        "price_promo": null,
        "price_annual": null
      }
    ],
    "source": "render+llm"
  },
  "trust_or_rating_signal": [
    "component popularity counts/usage numbers",
    "author attribution"
  ],
  "evidence_quality": "medium",
  "entity_type": "content-community",
  "regulated_data_suitability": "unclear",
  "evidence_urls": [
    "https://21st.dev/",
    "https://github.com/erichon0410-png/21st-spec-mcp"
  ],
  "last_checked": "2026-10-23",
  "profile_checked": "2026-06-17",
  "price_checked": "2026-10-23",
  "how_to_connect": {
    "website": "https://21st.dev/",
    "docs": "https://21st.dev/documentation",
    "mcp": null,
    "a2a": null,
    "api": {
      "docs_url": "https://21st.dev/developer",
      "endpoint": null
    },
    "protocols": [
      "MCP"
    ],
    "install": null,
    "repository": null,
    "note": "Speaks MCP but publishes no endpoint we could verify — check the docs/website."
  },
  "deployment": {
    "model": "unknown",
    "both_offered": false,
    "hosted_endpoint": null,
    "install": null,
    "note": "No deployment evidence held — Agentery has no endpoint, install instruction or directory attribute for this listing.",
    "evidence": null
  },
  "licence": {
    "name": null,
    "note": "No named licence found in the retained page text or source attributes. A public repository alone does not establish an open-source licence.",
    "evidence": null
  },
  "evidence_checks": {
    "price": {
      "source_url": "https://21st.dev/pricing",
      "last_observed_day": "2026-10-23",
      "age_days": 1,
      "verified_day": null,
      "note": "from the listing's current price record; no separate page-text verification is held"
    },
    "agent_card": {
      "status": "unknown",
      "note": "no Agent Card URL recorded for this listing"
    },
    "endpoint": {
      "status": "unknown",
      "note": "endpoint not yet checked"
    }
  },
  "product_group": {
    "group_id": 129,
    "group": "UI component resources",
    "change_90d_pct": -5.67,
    "fair_price_by_tier_monthly_usd": {
      "individual": 9,
      "pro": 20,
      "team / small business": 32.14,
      "enterprise": null
    },
    "note": "Change of the group's price index over the last 90 days. Call get_group_fair_price with group_id for tier and payment-model detail.",
    "page": "https://agentery.com/aepi/groups/129"
  },
  "liveness": {
    "probed": true,
    "alive": true,
    "endpoint_kind": "site",
    "latency_ms": 705,
    "uptime_7d": 1,
    "checked_at": "2026-10-23T02:30:12.139Z",
    "consecutive_failures": 0,
    "status": "alive"
  },
  "price_extras": {
    "free_tier": null,
    "unit_cost": null
  },
  "reported_success": null,
  "feedback": "If you actually use this provider, call report_outcome with the result. Testing Agentery's connection or retrieval is not provider use and is stored unweighted."
}