{"uid":"cap_RsAMNQQsWsQ-Wa0COvlIG","slug":"x402-creative-tim-com-83a735f5","name":"Creative Tim ShadCN UI Block Fetcher","description":"Get ShadCN UI component blocks and templates","url":"https://x402.creative-tim.com/api/shadcn-block","method":"GET","headers":{},"bodySchema":{"type":"object","$schema":"https://json-schema.org/draft/2020-12/schema","required":["input"],"properties":{"input":{"type":"object","required":["type","method"],"properties":{"type":{"type":"string","const":"http"},"method":{"enum":["GET"],"type":"string"},"queryParams":{"type":"object","required":[],"properties":{"block_name":{"type":"string","description":"Name of the block to fetch (e.g., testimonials-02, cruds-01). Defaults to testimonials-02 if not provided."}}}},"additionalProperties":false},"output":{"type":"object","required":["type"],"properties":{"type":{"type":"string"},"example":{"type":"object"}}}}},"responseSchema":null,"example":{"request":{"input":{"type":"http","method":"GET","queryParams":{"block_name":"testimonials-02"}}},"response":{"page":{"code":"import Testimonials02 from \"@/components/creative-tim/blocks/testimonials-02\"\n\nexport default function Page() {\n  return <Testimonials02 />\n}\n","path":"app/testimonials-02/page.tsx"},"price":"$0.01","message":"Payment successful! Access granted to shadcn/ui component block.","success":true,"component":{"code":"\"use client\"\n\nimport { BadgeCheck, Twitter } from \"lucide-react\"\n\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/components/ui/avatar\"\nimport {\n  Card,\n  CardContent,\n  CardFooter,\n  CardHeader,\n} from \"@/components/ui/card\"\n\nconst TESTIMONIALS = [\n  {\n    image:\n      \"https://images.unsplash.com/photo-1641906840000-4b88f1d44de6?auto=format&fit=crop&q=80&w=400&h=400\",\n    name: \"Jessica Devis\",\n    username: \"@jessicadevis\",\n    quote:\n      \"The utility-first approach and extensive component library make it a breeze to create beautiful and responsive interfaces. 🎉\",\n    date: \"Jan 17, 2024\",\n  },\n  {\n    image:\n      \"https://images.unsplash.com/photo-1716662318479-a9c0f1cd1a0e?auto=format&fit=crop&q=80&w=400&h=400\",\n    name: \"Lucian Eurel\",\n    username: \"@lucianeurel\",\n    quote:\n      \"It's like having a superpower in your toolkit. The ability to craft custom designs quickly and efficiently with simple classes is unparalleled.\",\n    date: \"Jan 18, 2024\",\n  },\n  {\n    image:\n      \"https://images.unsplash.com/photo-1623853434105-8e7a72898180?auto=format&fit=crop&q=80&w=400&h=400\",\n    name: \"Marcell Glock\",\n    username: \"@marcelglock\",\n    quote:\n      \"The utility-first approach and extensive component library make it a breeze to create beautiful and responsive interfaces. 😍\",\n    date: \"Jan 19, 2024\",\n  },\n  {\n    image: \"https://v3.material-tailwind.com/man-profile-2.jpg\",\n    name: \"Linde Michele\",\n    username: \"@lindemichele\",\n    quote:\n      \"With its clear and concise classes, I can easily communicate design intentions to my colleagues. It's a must-have tool for any web developer. 👨🏻‍💻\",\n    date: \"Jan 20, 2024\",\n  },\n  {\n    image: \"https://v3.material-tailwind.com/man-profile-3.jpg\",\n    name: \"Mary Joshiash\",\n    username: \"@maryjoshiash\",\n    quote:\n      \"I've tried several CSS frameworks, but this is on a whole different level. It strikes the perfect balance between flexibility and design.\",\n    date: \"Jan 21, 2024\",\n  },\n  {\n    image: \"https://v3.material-tailwind.com/woman-profile-3.jpg\",\n    name: \"Misha Stam\",\n    username: \"@mishastam\",\n    quote:\n      \"Active community support make it easy to get started. It's the ideal framework for achieving design excellence in web applications.\",\n    date: \"Jan 22, 2024\",\n  },\n]\n\nexport default function TestimonialsBlock() {\n  return (\n    <section className=\"py-16\">\n      <div className=\"container mx-auto px-4\">\n        <div className=\"mb-16\">\n          <p className=\"mb-2 text-sm font-semibold tracking-wide uppercase\">\n            Testimonials\n          </p>\n          <h2 className=\"mb-4 text-3xl font-bold\">Think about us</h2>\n          <p className=\"text-muted-foreground max-w-lg text-lg\">\n            That&apos;s the main thing people are controlled by! Thoughts -\n            their perception of themselves!\n          </p>\n        </div>\n        <div className=\"grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3\">\n          {TESTIMONIALS.map(({ name, image, username, quote, date }, key) => (\n            <Card key={key}>\n              <CardHeader className=\"flex flex-row items-center gap-4 px-6\">\n                <Avatar>\n                  <AvatarImage src={image} alt={`${name} image`} />\n                  <AvatarFallback>\n                    {name\n                      .split(\" \")\n                      .map((n) => n[0])\n                      .join(\"\")}\n                  </AvatarFallback>\n                </Avatar>\n                <div className=\"flex-1\">\n                  <div className=\"flex items-center gap-1.5\">\n                    <p className=\"font-semibold\">{name}</p>\n                    <BadgeCheck className=\"h-4 w-4 text-blue-500\" />\n                  </div>\n                  <p className=\"text-muted-foreground text-sm\">{username}</p>\n                </div>\n              </CardHeader>\n              <CardContent className=\"px-6\">\n                <blockquote className=\"text-muted-foreground\">\n                  {quote}\n                </blockquote>\n              </CardContent>\n              <CardFooter className=\"flex items-center justify-between gap-4 px-6\">\n                <a\n                  href=\"#\"\n                  className=\"flex items-center gap-1.5 text-sm font-semibold hover:underline\"\n                >\n                  See on <Twitter className=\"h-3.5 w-3.5\" />\n                </a>\n                <p className=\"text-muted-foreground text-sm\">{date}</p>\n              </CardFooter>\n            </Card>\n          ))}\n        </div>\n      </div>\n    </section>\n  )\n}\n","name":"testimonials-02","path":"components/creative-tim/blocks/testimonials-02.tsx","description":"Testimonial cards with social proof badges"},"timestamp":"2026-04-17T01:58:44.685Z","block_name":"testimonials-02"}},"exampleRequest":{"block_name":"testimonials-02"},"tags":["x402"],"displayCostAmount":"0.01","displayCostAsset":"USDC","priceDynamic":false,"priceHint":null,"priceStatus":"priced","priceSource":"settled","requiresHandshake":false,"reviewCount":0,"rating":{"score":"0.00","successRate":"0.00","reviews":0,"stars":null,"state":"unrated"},"availabilityStatus":"unknown","priceObserved":null,"sessionDeposit":null,"pricing":{"kind":"static","summary":"$0.01/call","primary":{"kind":"static","protocol":"x402","network":"base","amountUsd":"0.01","per":"call","confidence":"exact"},"accepted":[{"kind":"static","protocol":"x402","network":"base","amountUsd":"0.01","per":"call","confidence":"exact"}]},"paymentMethods":[{"uid":"pm_LlHejtK2ihZwWVx0ew4Q6","protocol":"x402","methodType":"crypto","chain":"base","mode":"charge","costAmount":"0.01","costPer":"request","priority":0,"asset":"0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913","unit":"request","depositMicros":null,"planRef":null}],"brandName":null,"brandSlug":null,"brandBaseUrl":null,"brandDocsUrl":null,"whatItDoes":"Fetches ready-to-use ShadCN UI component blocks and templates (e.g. testimonials, CRUD layouts) by name, returning full React/TypeScript source code","exampleAgentPrompt":"Can you grab the 'testimonials-02' ShadCN UI block from Creative Tim so I can drop it into my Next.js project?","exampleUseCases":null,"resultDescription":"Returns a JSON object containing the full React/TypeScript source code for the requested ShadCN UI component block, a ready-to-use page wrapper file, the file paths to place them, success status, and the price paid ($0.01 USDC).","failureModes":["Invalid or unknown block_name returns an error or empty result","Missing required query parameter defaults to 'testimonials-02' block","Network or payment failure returns a non-200 response","Block name typo (e.g. 'testimonial-02' vs 'testimonials-02') may return no result"],"whenToPreferThis":"Use this endpoint when you need production-ready ShadCN UI component blocks (testimonials, CRUD layouts, etc.) with full React/TypeScript source code for Next.js apps, especially when you want Creative Tim's curated block library rather than writing components from scratch.","instructions":null,"reviewSummary":null,"reviewSummaryHighlights":null,"reviewSummaryConcerns":null,"reviewSummaryGeneratedAt":null,"activationCount":0,"lastUsedAt":null,"lastSuccessfullyRanAt":null,"lastHealthCheckAt":"2026-09-15T06:40:24.951Z","isFirstParty":false}