Graphene DevTools Social Proof

Graphene DevTools Social Proof

A minimal, technical social proof section for developer tools and open source projects.

Features

• Trust badge — 'Trusted by 50,000+ developers' header badge
• Logo strip — 8 company names in a text-based layout
• Stats row — 4 stat cards (Downloads, GitHub Stars, Contributors, Forks)
• 3 testimonials — Developer quotes with avatars, roles, and star ratings
• Bottom CTA — Get Started + View on GitHub buttons
• Monochrome palette — White/black with blue-500 single accent
• Dark mode — zinc-950 bg, white text, blue-400 accent

Dependencies

• @/components/vue-ui/card — Stats and testimonial cards
• @/components/vue-ui/badge — Trust badge
• @/components/vue-ui/avatar — Testimonial avatars
• @/components/vue-ui/separator — Section dividers
• @/components/vue-ui/button — CTA buttons
• lucide-vue-next — Icons

Customization

• Replace logos array with your actual customer names
• Update stats with real metrics from your project
• Edit testimonials with genuine developer quotes
• Swap blue-500 accent for your brand color