Motif

framer components

Motif

01

what is it

A single Framer component. 48 named animation modes. Each one a 7×7 grid of 1px dots, animating in patterns designed for professional UI, section eyebrows, status indicators, loading states, decorative detail that means something.

Built for the kind of site where the details are the point.

Mark at a desk

02

Get Motif

A single Framer component. Plug in, pick a mode, ship it.

SCAN

FILL

RIPPLE

BLINK

COLUMNS

CONVERGE

APPROACH

HEARTBEAT

MATRIX RAIN

clock

morse

OSCILLOSCOPE

uptime

CURSOR

ODOMETER

shutter

ping

TYPEWRITER

BROADCAST

CHECKLIST

PING PONG

BILLIARDS

GRAVITY

ORBIT

PENDULUM

AVALANCHE

BUBBLES

rain

fire

breath

tide

grow

decay

radar

EQUALISER

noise

TRANSMISSION

FREQUENCY

CHEVRON

diamond

cross

SPIRAL

zigzag

MIRROR

spinner

rotating sqaure

ripple

heart

chevron thin

chevron Mid

chevron thick

Timer

LET'S WORK

If your tool demands precision, so should your designer.

If your tool demands precision, so should your designer.

Building a plugin, a platform, or something that doesn't fit a category yet, if the people using it can't afford a broken workflow, we should talk.