Imported library
3427 items in the library.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages. Sign in
Kind (other)
Industry
Licence
Source repo (matinmonshizadeh/animation-handbook)
- Subscription
Checkmark Draw - SVG path draws progressively on success
Component
Stroke-dashoffset animates from full length to zero.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Notification Badge Pulse - Dot on icon pulses to draw peripheral attention
Component
Scale, halo, or both.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Tooltip Reveal - Info box fades in after a 300ms delay
Component
Long enough to avoid triggering on mouse pass-through.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Drawer / Panel Slide - Off-canvas panel slides from edge
Component
Ease-out open, ease-in close. Backdrop dismisses.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Modal Expand - Modal scales from the trigger button's position
Component
Transform-origin set to where you clicked.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Accordion Open/Close - Height animates between 0 and auto
Component
JS measured height vs CSS grid-template-rows compared.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Toast Notification - Notification cards slide in from a corner, stack, and auto-dismiss with a progress bar
Component
Swipe or click to dismiss.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Pull to Refresh - Dragging past the top reveals a spinner that fills with distance; release past the threshold to refresh
Component
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
2.5D / Pseudo-3D - Seven depth layers parallax at different rates
Component
Mouse-driven or auto-panning camera.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Cloth Simulation - Verlet integration + distance constraints
Component
Draggable flag responds to gravity and wind.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in - Subscription
Morphing Blob - Metaball circles fused by an SVG blur-plus-contrast filter melt like liquid
Component
The blob drifts and a droplet chases the pointer.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in