Animated Dividers

Animated Divider Pack is one reusable Framer Code Component with five built-in divider variants: Retro Star, Pixel Hearts, Moon & Stars, Checkerboard, and Soft Wave.

Switch between styles from a single dropdown and customize each variant directly in Framer with controls for colors, sizing, pattern dimensions, and animation speed.

Designed for portfolios, landing pages, creative websites, personal sites, and decorative section breaks where a plain horizontal rule feels too basic.

The component is responsive, supports reduced motion, and uses a static-renderer check so it remains stable in the Framer editor while animations run in Preview and on published sites.

Features

• 1 reusable Framer Code Component

• 5 built-in animated divider variants

• Retro Star

• Pixel Hearts

• Moon & Stars

• Checkerboard

• Soft Wave

• Customizable colors

• Adjustable sizing

• Adjustable animation speed

• Pause animation control

• Responsive

• Reduced-motion support

• Static-renderer support

• No coding required for normal customization