# Freguesia

A strip of your client logos gliding slowly in a single color, below a short title.

> Freguesia is a THM Componentes component for showing client and partner logos: a strip that scrolls slowly in a loop with faded ends, or a static grid of logos and icons. Logos appear in a single color that inverts in dark mode, and everything is plain CSS, so it costs very little.

- Category: Commerce and conversion
- Origin: Adapted from open source under the MIT license, with a ready THM prompt
- Load weight: Light: CSS or light JavaScript, no noticeable cost
- Technology: Vue 3, TypeScript, Tailwind CSS v4
- Interaction: None: the effect runs on its own
- URL: https://vibecode.thmtecnologia.com/en/components/freguesia/

## What it looks like

It is the familiar strip of client logos you see on many product sites. A discreet gray title sits centered above the logos. In the animated version, the logos travel from right to left in a continuous 30-second loop, and both ends of the strip fade out, as if the logos drift in and out of a mist. The static versions lay logos or icons out in a grid, with three columns on phones and up to eight on wide screens. Every logo turns black in light mode and white in dark mode.

## You may be looking for this if you asked for something like

- “show the logos of companies I have worked with on the homepage”
- “a strip of client logos that scrolls by itself, like SaaS sites have”
- “a trusted by companies section with moving logos”
- “partner logos all in the same color so they do not clash”
- “an infinite brand carousel right under the hero”
- “social proof logos for my sales page”

## Also known as

logo cloud, logo marquee, logo wall, trusted by section, client logo strip, logo carousel

## When to use

- Right below the hero, to show clients before the first sales argument
- Sales or lead pages that need quick social proof
- Partner, sponsor or supporter sections for an event
- A company footer with the brands that use the product

## When to avoid

- When you only have two or three logos, which repeat too visibly in the animated strip
- Brands whose logo loses its meaning in a single color

## How to ask your AI

```text
Create a client logo section under the hero with a continuous horizontal loop and faded ends: monochrome logos that invert in dark mode, alt text on every logo and a still strip for people who prefer reduced motion.
```

With THM Componentes, you paste the full prompt from the catalog together with this component's code, and the AI reproduces this exact effect instead of improvising.

## Questions about Freguesia

### Does Freguesia pause on hover?

No. The strip in Freguesia runs nonstop in a 30-second loop, and the code does not pause on hover. If you want that pause, or a still strip for reduced motion as the THM Componentes prompt requests, your AI can add it with a few lines of CSS.

### Do the logos in Freguesia keep their colors?

Not by default. Freguesia applies a filter that turns every logo black in light mode and white in dark mode, so the strip looks even. If your brand needs the original colors, ask your AI to remove that filter from the images.

### Is Freguesia accessible to screen readers?

Each logo in Freguesia is an image with alt text taken from the company name. In the animated strip, though, the list repeats five times to fill the loop, so it is worth asking your AI to hide the copies from screen readers.

## Related components

- [Comboio](https://vibecode.thmtecnologia.com/en/components/comboio/): A row of logos, testimonials or tags that slides in a seamless loop, horizontally or vertically.
- [Virada](https://vibecode.thmtecnologia.com/en/components/virada/): A card that changes logo every few seconds, folding in half like an old airport departure board.
- [Ouriço](https://vibecode.thmtecnologia.com/en/components/ourico/): A ball of round icons spinning in 3D that follows the mouse and brings the clicked icon to the front.
- [Causo](https://vibecode.thmtecnologia.com/en/components/causo/): Customer photos stacked at slight angles, with the testimonial quote appearing word by word beside them.
- [Veredito](https://vibecode.thmtecnologia.com/en/components/veredito/): A customer reviews block with a star average, bars per rating, filters, sorting and a review form.

---
THM Componentes: THM Componentes is a catalog of 268 UI components for Vue 3 and Nuxt, 115 of them exclusive, each with a live demo and a ready prompt for Claude Code, Cursor and other AI assistants. Pick the effect, copy the prompt and your AI applies it to your project. Lifetime access for R$ 497 (about US$ 99).