framecn

Logo Enter

Component

About

An animated row or column of overlapping brand logo circles that spring into view one after another, useful for intro sequences in generated videos.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Logo Enter to your project and fits it to your theme.

Code

How Logo Enter is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { LogoEnter } from "@/components/ui/logo-enter";

export default function LogoEnterDemo() {
  return (
    <div className="relative w-full h-[400px] overflow-hidden rounded-xl">
      <LogoEnter />
    </div>
  );
}

Dependencies

More by framecn

View all
  • Blur Out Up

    Blur Out Up

    33
  • Shader Dithering

    Shader Dithering

    29
  • Zoom Through Transition

    Zoom Through Transition

    19
  • Top Down Letters

    Top Down Letters

    19
  • Strikethrough Replace

    Strikethrough Replace

    17
  • Format Morph

    Format Morph

    14
  • Mesh Gradient Background

    Mesh Gradient Background

    11
  • Terminal to Browser Deploy

    Terminal to Browser Deploy

    9