Brick Cats Interact

Bring a playful brick-built world to your Framer site with Brick Cats, an interactive canvas animation featuring adorable brick-style cats standing on a studded building plate.

Cats gently animate across the scene while pointer interaction adds depth and energy. Customize the entire look, from brick and cat colors to animation speed, density, hover strength, glow, and more.

Designed to be lightweight, responsive, and easy to drop into any Framer project.

Great For

• Playful and creative landing pages

• Portfolio websites

• Personal websites

• Design studios and agencies

• Creative developer portfolios

• Kids and education websites

• Interactive hero sections

• Product launches

• Experimental web experiences

• Fun loading or decorative sections

Preview

https://brickcats.framer.website/

Features

• Interactive brick-built cat scene

• Animated brick-style cats

• Studded baseplate environment

• Pointer-based interaction

• Adjustable cat density

• Adjustable animation speed

• Adjustable hover strength

• Optional hover glow

• Optional brick drop animation

• Custom cat and brick color palettes

• Custom background color

• Custom eye color

• Custom glow color

• Adjustable stud size

• Pause animation control

• Responsive canvas rendering

• Retina/DPR-aware rendering

• Reduced-motion support

• Visibility-aware animation

• Automatic canvas resizing

• Optimized rendering with cached baseplate layers

• Built for Framer with responsive layout support

Customize

Make the component match your brand in seconds.

Colors

• Background

• Body

• Cool brick colors

• Warm brick colors

• Eye color

• Glow color

Animation

• Speed

• Hover strength

• Brick drop

• Pause animation

• Hover glow

Scene

• Stud size

• Cat density

Create anything from a subtle monochrome scene to a colorful playful brick world.

Support

Need help setting up or customizing the component?

Email: karimsaif010@gmail.com

X: @karimsaif0

Made with 💛 by @Karim Saif .