Logos 30 - Vertical marquee columns beside copyPro
Copy and a button on the left; two vertical logo columns scroll in opposite directions on the right with top and bottom fades.
About Logos 30
Copy and a button on the left; two vertical logo columns scroll in opposite directions on the right with top and bottom fades.
Logos 30 is a logos block for React and Tailwind CSS, included in Chocolate UI Pro with motion animations that respect reduced-motion settings. It ships as 107 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.
- marquee
- vertical
- columns
- split
Installation
- Set up your project with
npx chocolateui initandnpx chocolateui login(see the installation guide). - Run the Chocolate UI CLI:
npx chocolateui add logos-30Dependencies installed automatically: lucide-react, motion.
Uses: button, marquee, reveal, utils.
Usage
import Logos30 from "@/components/blocks/logos-30"
export default function Page() {
return <Logos30 />
}