Animated Logo Components

Dev Design Library indexes 15 Animated logo components from 11 open-source UI libraries, with the most coming from Lobe UI, 23rd.dev, Pixel Perfect, Spectrum UI and React Bits. Each one links to its page with the source code, a live preview where available, the library license and the install command. These are the logo components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. Logo components belong to the Media group.

• Electric LogoReact Bits · React
• Brand Brand LoadingLobe UI · React
• Wordmark Spotlight FooterSpectrum UI · ReactA full-bleed wordmark lit by a spotlight that follows the pointer.
• Sidebar Workspace HeaderFluid Functionalism · ReactWorkspace brand row for a sidebar header: 20px tile on the rows' leading axis, name pinned to the 32px text axis…
• Floating Logo IntroPixel Perfect · ReactA 3D logo that draws itself in (SVG stroke), rises with an easeOutBack overshoot and floats, over a cursor-distorted…
• Dithered LogoComponentry · ReactAn interactive particle logo that turns image assets into a dithered canvas field with cursor ripples.
• Gemini SparkleNotra · ReactGemini's three-dot mark that bounces and folds into a triangle.
• ASCII Logo23rd.dev · ReactInteractive ASCII wordmark: glyphs shove away from the cursor, then click-cycle through scatter, gravity drop, and…
• Semantic bloomCojeev UI · ReactA living wordmark whose particles wander, connect and gather into a liquid organism. Adapted from ThreeUI with Cojeev…
• Giant wordmark footerVelora UI · ReactMinimal footer that ends in an oversized outlined wordmark lighting up in brand colours under the pointer.
• Logo Carousel SwapperSora UI · ReactStaggered logo column swapper with fade, vertical shift, and motion blur powered by Motion.
• Brand Logo3DLobe UI · React
• Logo AnimationPixel Perfect · ReactLogo animation with Framer Motion and custom background.
• Logo Burst23rd.dev · ReactHair-line tentacles explode from the center, then keep a slow inhale. Follows light and dark.
• Brand Logo ThreeLobe UI · React

Libraries with Animated logo components

• Lobe UI
• 23rd.dev
• Pixel Perfect
• Spectrum UI
• React Bits

Related categories

• Logo Components
• React Logo Components
• Tailwind CSS Logo Components
• Animated Media Components
• Animated Gallery Components
• Animated Image Components
• Animated Icon Components
• Animated Illustration Components
• Animated Scene 3D Components
• Animated Audio Visualizer Components
• Animated Video Player Components
• Animated Mockup Components
• Animated Icon Set Components
• Animated Image Zoom Components
• Animated Audio Player Components