Programs

Build polished card sections in minutes. Program Cards is a fully customizable Framer component with smooth hover effects, optional entrance animations, and a responsive grid that looks sharp on every screen.

Just drop it in, customize everything from the property panel, and publish. No code editing required.

Features

• Up to 12 cards, managed from one simple list

• Emoji or custom image icons

• Hover lift, glow, border color, and shimmer sweep

• Optional staggered entrance animation

• Responsive columns for desktop, tablet, and mobile

• Solid or gradient card backgrounds

• Full typography control

• Built-in reduced-motion support

• Lightweight, with no external dependencies

Perfect For

SaaS features, agency services, courses and programs, process steps, and workflow showcases.

Controls

Cards

• Title, Description, Number / Label

• Icon: Emoji, Image, or None

Layout

• Max Width, Gap

• Columns for Desktop, Tablet, and Mobile

Spacing

• Section and Card padding, Radius, Min Height

Colors

• Background, Card, Card Title, Description, Accent

Card Border

• Width, Style, Color, Hover Border

Typography

• Card Title Font, Description Font, Label Font

Icon Style

• Show, Size, Radius, Background

Hover

• Effect, Shimmer, Lift, Glow

• Hover Gradient, Hover Glow, Hover Shimmer

Entrance

• Animation, Distance, Duration, Stagger

Accessibility

• Reduce Motion (system preference is detected automatically)