{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "testimonials-01", "title": "Testimonials 01", "author": "tusharvarshney ", "description": "A testimonials section with dual marquees.", "registryDependencies": [ "https://www.kibo-ui.com/r/marquee.json", "https://tusharvarshney.com/r/testimonial-spotlight.json" ], "files": [ { "path": "src/registry/blocks/testimonials-01/testimonials-01.tsx", "content": "import type { TestimonialType } from \"@/registry/blocks/testimonials-01/components/testimonial-list\"\nimport { TestimonialList } from \"@/registry/blocks/testimonials-01/components/testimonial-list\"\n\nexport default function Testimonials01() {\n return (\n
\n \n \n
\n )\n}\n\nconst TESTIMONIALS_1: TestimonialType[] = [\n {\n authorAvatar: \"https://unavatar.io/x/kapehe_ok\",\n authorName: \"Kap\",\n authorTagline: \"Head of Developer Community @Vercel\",\n url: \"https://x.com/kapehe_ok/status/1948104774358106612\",\n quote: \"one of my favorite projects that submitted! you are crushing it!\",\n },\n {\n authorAvatar: \"https://unavatar.io/x/rauchg\",\n authorName: \"Guillermo Rauch\",\n authorTagline: \"CEO @Vercel\",\n url: \"https://x.com/rauchg/status/1978913158514237669\",\n quote:\n \"awesome. Love the components, especially slide-to-unlock. Great job\",\n },\n {\n authorAvatar: \"https://unavatar.io/x/iamsahaj_xyz\",\n authorName: \"Sahaj\",\n authorTagline: \"Creator of tweakcn.com\",\n url: \"https://x.com/iamsahaj_xyz/status/1982814244501381239\",\n quote:\n \"remember seeing it on @mannupaaji’s review. it’s one of the best looking ones I’ve seen\",\n },\n {\n authorAvatar: \"https://unavatar.io/x/FrancescoCiull4\",\n authorName: \"Francesco Ciulla\",\n authorTagline: \"Developer Advocate @daily.dev\",\n url: \"https://x.com/FrancescoCiull4/status/2006332479536529608\",\n quote:\n \"your portfolio is stunning. i created mine some weeks ago but this is another planet.\",\n },\n {\n authorAvatar: \"https://unavatar.io/x/orcdev\",\n authorName: \"OrcDev\",\n authorTagline: \"Creator of 8bitcn.com\",\n url: \"https://x.com/orcdev/status/2011373509310878010\",\n quote: \"@tusharvarshney is one of the best design engineers!\",\n },\n {\n authorAvatar: \"https://unavatar.io/x/shadcncraft?v=2\",\n authorName: \"shadcncraft\",\n authorTagline: \"shadcncraft.com\",\n url: \"https://x.com/shadcncraft/status/2017091317244055988\",\n quote: \"Love your work Tushar! You’re a great talent :-)\",\n },\n {\n authorAvatar: \"https://unavatar.io/x/khushiirl\",\n authorName: \"khushi.vy\",\n authorTagline: \"Software Engineer\",\n url: \"https://x.com/khushiirl/status/2025894411155206168\",\n quote: \"Goated portfolio. I love the whole UI in Vercel style\",\n },\n {\n authorAvatar: \"https://unavatar.io/x/dimicx\",\n authorName: \"dimi\",\n authorTagline: \"Design Engineer\",\n url: \"https://x.com/dimicx/status/2035018694053577149\",\n quote:\n \"i like this subtle version a lot more than the over-the-top examples i see everywhere, very nice\",\n },\n]\n\nconst TESTIMONIALS_2: TestimonialType[] = [\n {\n authorAvatar: \"https://unavatar.io/x/MaxPrilutskiy\",\n authorName: \"Max Prilutskiy\",\n authorTagline: \"CEO @Lingo.dev\",\n url: \"https://x.com/MaxPrilutskiy/status/1923952193893466379\",\n quote: \"i like your style! :)\",\n },\n {\n authorAvatar: \"https://unavatar.io/x/jordwalke\",\n authorName: \"jordwalke\",\n authorTagline: \"Creator of React\",\n url: \"https://x.com/jordwalke/status/1937165909778657589\",\n quote: \"Looks great\",\n },\n {\n authorAvatar: \"https://unavatar.io/x/mannupaaji\",\n authorName: \"Manu Arora\",\n authorTagline: \"Creator of ui.aceternity.com\",\n url: \"https://x.com/mannupaaji/status/1944755561117163597\",\n quote: \"Great work on the portfolio\",\n },\n {\n authorAvatar: \"https://unavatar.io/x/ajaypatel_aj\",\n authorName: \"Ajay Patel\",\n authorTagline: \"Creator of shadcnstudio.com\",\n url: \"https://x.com/ajaypatel_aj/status/1992946036558778494\",\n quote: \"This Portfolio is something else\",\n },\n {\n authorAvatar: \"https://unavatar.io/x/davidhdev\",\n authorName: \"David Haz\",\n authorTagline: \"Creator of reactbits.dev\",\n url: \"https://x.com/davidhdev/status/2017868986969444511\",\n quote: \"Simple and clean, love it!\",\n },\n {\n authorAvatar: \"https://unavatar.io/x/uixmat\",\n authorName: \"Matt\",\n authorTagline: \"Building bklit.com & ui.bklit.com\",\n url: \"https://x.com/uixmat/status/2023145872771436904\",\n quote: \"great work bro\",\n },\n {\n authorAvatar: \"https://unavatar.io/x/branmcconnell\",\n authorName: \"Brandon McConnell\",\n authorTagline: \"Frontend Engineer @mintlify\",\n url: \"https://x.com/branmcconnell/status/2028391281198862377\",\n quote: \"amazing, such cool libraries\",\n },\n {\n authorAvatar: \"https://unavatar.io/x/shadcn\",\n authorName: \"shadcn\",\n authorTagline: \"Creator of shadcn/ui\",\n url: \"https://x.com/shadcn/status/2032193591133495700\",\n quote: \"You’re doing amazing work.\",\n },\n {\n authorAvatar: \"https://unavatar.io/x/joshpuckett\",\n authorName: \"joshpuckett\",\n authorTagline: \"Teaching at interfacecraft.dev\",\n url: \"https://x.com/joshpuckett/status/2038713206764617896\",\n quote: \"Yooo I love this 🎨\",\n },\n]\n", "type": "registry:component", "target": "@components/testimonials-01.tsx" }, { "path": "src/registry/blocks/testimonials-01/components/testimonial-list.tsx", "content": "import {\n Marquee,\n MarqueeContent,\n MarqueeFade,\n MarqueeItem,\n} from \"@/components/kibo-ui/marquee\"\nimport {\n Testimonial,\n TestimonialAuthor,\n TestimonialAuthorName,\n TestimonialAuthorTagline,\n TestimonialAvatar,\n TestimonialAvatarImg,\n TestimonialAvatarRing,\n TestimonialQuote,\n} from \"@/registry/components/testimonial\"\nimport { TestimonialSpotlight } from \"@/registry/components/testimonial-spotlight\"\n\nexport type TestimonialType = {\n /** URL to the person's profile picture or avatar image */\n authorAvatar: string\n /** Full display name of the person giving the testimonial */\n authorName: string\n /** Short tagline, title, or description of the person */\n authorTagline: string\n /** Link to the person's profile, website, or social media page */\n url: string\n /** The testimonial text content or recommendation message */\n quote: string\n}\n\nexport function TestimonialList({\n direction,\n data,\n}: {\n direction?: \"right\" | \"left\"\n data: TestimonialType[]\n}) {\n return (\n \n \n \n\n \n {data.map((item) => (\n \n \n \n \n \n \n \n ))}\n \n \n )\n}\n\nfunction TestimonialItem({\n authorAvatar,\n authorName,\n authorTagline,\n quote,\n}: TestimonialType) {\n return (\n \n \n

{quote}

\n
\n\n \n \n \n \n \n\n {authorName}\n {authorTagline}\n \n
\n )\n}\n", "type": "registry:component", "target": "@components/testimonial-list.tsx" } ], "meta": { "createdAt": "2026-03-20", "previewClassName": "container mx-auto min-h-svh content-center-safe" }, "categories": [ "marketing", "testimonials" ], "type": "registry:block" }