Social Proof

RailsFast UI - Social proof component

The social_proof component lets you show social support to your app or product through a series of circle avatars.

Use it like:

<%= render 'components/railsfast/marketing/social_proof',
  avatars: [
    { image_url: "https://example.com/image.jpg", alt_text: "John Smith" },
  ],
  rating: 4.9,
  max_avatars: 5,
  size: "size-10",
  overlap: "-ml-3",
  theme: "dark",
  avatar_border: "border-white/90",
  star_color: "text-white",
  overflow_count: "2.5k",
  trust_message: "2,500+ users love RailsFast" %>

theme can be:

light (default)
dark

Parameters:

avatars: array of { image_url:, alt_text: } (defaults to demo avatars)
max_avatars: max number of avatars to show (default: 5)
rating: rating number (default: 5.0)
overflow_count: shows a +X overflow pill (only shown when explicitly provided)
trust_count: trust count text (default: "1,000+")
trust_label: label after the trust count (default: "users")
trust_message: overrides the default “Trusted by …” line (supports HTML)
size: avatar size class (default: "size-10")
overlap: avatar overlap class (default: "-ml-3")
text_color: custom primary text color (Tailwind class or CSS color like #fff)
secondary_text_color: custom secondary text color (Tailwind class or CSS color like #fff)
avatar_border: custom avatar border class (overrides theme default)
star_color: custom star color (Tailwind class or CSS color like #facc15)