Cinematic Logo Cloud

A staggered blur-fade entrance animation for brand logos. Uses framer-motion and fully semantic responsive layouts.

Logo Cloudsspringlogosbrandmarqueesocial proofframer-motionblur

Cinematic Logo Cloud — Variant 1

Trusted by teams building the future of AI.

From prototype to production, autonomously.

OpenAI
hello patient
granola
character.ai
ORACLE
Portola
Accel
Bloomberg
Forbes
SoftBank
The Guardian
WIRED
hulu
YouTube
NETFLIX
Spotify
twitch
Raycast
Vercel
Stripe
Linear
GitHub
Notion

Playground

Shape the component before you copy it.

Adjust the important props for this component and grab JSX that matches your choices.

variant

grid renders a staggered blur-fade entrance; marquee renders a continuously scrolling pill row.

Cinematic Logo Cloud — Variant 2

Integrates with your entire stack.

Stripe
Figma
Framer
Linear
Vercel
GitHub
Notion
Raycast
Loom
Intercom
Twitch

Playground

Shape the component before you copy it.

Adjust the important props for this component and grab JSX that matches your choices.

variant

grid renders a staggered blur-fade entrance; marquee renders a continuously scrolling pill row.

Cinematic Logo Cloud — Variant 3

Used by teams at the world's best companies.

StripeStripe
FigmaFigma
FramerFramer
LinearLinear
VercelVercel
GitHubGitHub
NotionNotion
RaycastRaycast
LoomLoom
IntercomIntercom
TwitchTwitch
SpotifySpotify

Playground

Shape the component before you copy it.

Adjust the important props for this component and grab JSX that matches your choices.

variant

grid renders a staggered blur-fade entrance; marquee renders a continuously scrolling pill row.

Animation effects

spring

Copy-paste ready

Use the Code tab above to inspect and copy this component into your project.