Zemew

AI Design Library

Browse visually. Reference by ID. You do not need the fancy name for a layout if you can point at the one you want.

48 components Search by ID or description. Category chips narrow the grid as the library grows.
Fade
ANIM-001

Fade In Panel

Simple fade-in motion for entering panels.

animations simple animation fade enter
Open
Slide
ANIM-002

Subtle Slide Cue

Subtle horizontal slide cue for directional UI.

animations simple animation slide directional
Open
Pulse
ANIM-003

Soft Pulse Marker

Soft pulse for attention without aggression.

animations simple animation pulse attention
Open
Safe
ANIM-004

Reduced Motion Safe

Animation example documenting reduced-motion safety.

animations simple animation reduced-motion safe
Open
Bounce
ANIM-005

Bounce Enter

Playful bounce entrance for lightweight UI elements.

animations moderate animation bounce enter playful
Open
Pop
ANIM-006

Scale Pop

Quick scale-up pop useful for selected or newly added items.

animations simple animation scale pop emphasis
Open
Item one
Item two
Item three
ANIM-007

Staggered List Reveal

List items enter one after another for readable reveals.

animations moderate animation stagger list reveal
Open
ANIM-008

Skeleton Shimmer

Shimmering skeleton blocks for loading placeholders.

animations moderate animation skeleton loading shimmer
Open
72%
ANIM-009

Progress Fill

Animated progress bar fill for determinate loading.

animations simple animation progress loading bar
Open
Working
ANIM-010

Orbit Spinner

Orbital spinner for indeterminate waiting states.

animations moderate animation spinner orbit loading
Open
Live updates · New component · Design picks ready · Live updates · New component · Design picks ready
ANIM-011

Marquee Ticker

Horizontal marquee ticker for continuous status or news.

animations moderate animation marquee ticker loop
Open
Hover me

Lift on pointer hover.

ANIM-012

Hover Lift Card

Card lifts on hover to signal interactivity.

animations simple animation hover lift card
Open
Options

Sheet-style entrance from the bottom edge.

ANIM-013

Drawer Slide Up

Bottom sheet slides upward into view.

animations moderate animation drawer sheet slide-up
Open
Signal
ANIM-014

Glow Breathe

Soft glowing breath effect for futuristic accents.

animations moderate animation glow breathe futuristic
Open
$ deploy --ready
ANIM-015

Typewriter Line

Terminal-style typewriter reveal for short status lines.

animations moderate animation typewriter terminal text
Open
Saved

Design pick added.

ANIM-016

Toast Slide In

Notification toast slides in from the edge, then settles.

animations moderate animation toast notification slide-in
Open
Continue
ANIM-017

Fade Box

Distinct animations pattern with unique structure for AI reference.

animations moderate anim pattern-0
Open
  1. A
  2. B
  3. C
ANIM-018

Slide Box

Distinct animations pattern with unique structure for AI reference.

animations simple anim pattern-1
Open
ANIM-019

Pulse Box

Distinct animations pattern with unique structure for AI reference.

animations simple anim pattern-2
Open
ANIM-020

Bounce Box

Distinct animations pattern with unique structure for AI reference.

animations moderate anim pattern-3
Open
Continue
ANIM-021

Scale Box

Distinct animations pattern with unique structure for AI reference.

animations simple anim pattern-4
Open
Continue · motion
ANIM-022

Glow Box

Distinct animations pattern with unique structure for AI reference.

animations simple anim pattern-5
Open
Stagger Rows

Supporting copy for this pattern.

ANIM-023

Stagger Rows

Distinct animations pattern with unique structure for AI reference.

animations moderate anim pattern-6
Open
Continue
Shimmer Bones
ANIM-024

Shimmer Bones

Distinct animations pattern with unique structure for AI reference.

animations simple anim pattern-7
Open