Imported library

v0.1 · Phase 0

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

Has preview (95)Clear filters

Kind (button, entrance, notification)

Mood

dark (30)light (13)playful (9)calm (1)bold (49)minimal (27)techy (2)futuristic (4)editorial (3)

Industry

saas (4)ai (1)agency (1)portfolio (1)general (94)

Style

glassmorphism (1)gradient (7)neon (2)monochrome (10)3d (1)illustration (2)typographic (2)particles (4)

Licence

MIT (99)CC0-1.0 (2)

Source repo

uiverse-io/galaxy (53)matinmonshizadeh/animation-handbook (19)xiyu519/MotionVault (11)cosscom/coss (3)motiondesignlv/ReactZero-flow (2)studygeorge/parallax-fx (2)superdesigndev/superdesign-prompts (2)SyntaxUI/syntaxui (2)tremorlabs/tremor-blocks (2)codrops/CircularTextEffect (1)codrops/GridFlowEffect (1)codse/animata (1)mantinedev/ui.mantine.dev (1)withmehmet/mogp-motion (1)

Page 1 of 3 · 101 items · 48 on this page

2 across

Fade In / Fade Out - Opacity 0 → 1 enter, 1 → 0 exit
Entrance
Subscription
The compositor handles this without re-painting.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Slide In - Translates from an off-screen edge into final position
Entrance
Subscription
With or without simultaneous fade.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Scale In / Zoom In - Scales from a small start value to 1.0
Entrance
Subscription
Transform-origin controls where the pop expands from.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Clip-Path Reveal - A shape mask expands to uncover the element
Entrance
Subscription
Content is always rendered, just progressively visible.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Curtain Reveal - A colored bar slides over content then off the other side
Entrance
Subscription
The reveal is hidden then exposed.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Blur In - Fades in while reducing blur
Entrance
Subscription
Mimics camera focus pulling. Best on single hero elements.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Flip In - Rotates from a flat plane into view using CSS 3D perspective
Entrance
Subscription
Perspective on the parent is the key.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Bounce In - Overshoots final position then springs back
Entrance
Subscription
Explicit @keyframes waypoints, not easing alone.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Rotate In - Spins while entering
Entrance
Subscription
Best on radially-symmetric shapes like icons, stars, and gears.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Hover State Animation - Six hover techniques side by side
Button
Subscription
Color shift, scale, lift, underline grow, icon nudge, and background sweep.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Click / Tap Ripple - Ripple emanates from the exact click point
Button
Subscription
Material Design's tactile confirmation pattern.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Button Press Scale - Scales to 0.95 on press, springs back on release
Button
Subscription
Asymmetric timing gives a tactile feel.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Magnetic Button - Button leans toward the cursor within a radius, label lagging for parallax
Button
Subscription
Springs home on exit.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Heart / Like Burst - Tap pops and fills the heart while small hearts burst outward on canvas
Button
Subscription
Twitter-style like.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Success Confetti - Completing an action fires a canvas confetti burst
Button
Subscription
Rotating rectangles with gravity and spin.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Theme Toggle Morph - A sun morphs into a crescent moon as the interface flips between light and dark
Button
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Copy to Clipboard - The copy button swaps to a checkmark and a Copied confirmation, then reverts after a moment
Button
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Segmented Control - A highlighted pill slides beneath the selected segment as the active label crossfades
Button
Subscription
The iOS control.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
SVG Path Animation - stroke-dashoffset reveals three SVG drawings
Entrance
Subscription
Icon, signature, and logo mark.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
MOGP Motion - CSS-only scroll-triggered animations (fade, scale-up, slide-up, slide-down)
Entrance
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Choreographed entrance
Choreographed entrance
Entrance
Subscription
@reactzero/flow delay example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Grid stagger reveal
Grid stagger reveal
Entrance
Subscription
@reactzero/flow stagger example (WAAPI).
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Magnetic - button that leans toward the pointer as it approaches (React)
Magnetic - button that leans toward the pointer as it approaches (React)
Button
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
CurtainReveal - moving mask that uncovers an element on entry (React)
CurtainReveal - moving mask that uncovers an element on entry (React)
Entrance
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Glow Cursor Button
Glow Cursor Button
Button
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Light Beam Button
Light Beam Button
Button
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Circular text intro
Entrance
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Grid flow intro
Entrance
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Sparkle AI button
Button
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Banner (variant 302)
Notification
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Banner (variant 303)
Notification
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Cookies banner
Notification
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Dismissible Announcement Banner
Notification
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Floating bottom promo banner
Notification
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Welcome banner 1
Notification
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Welcome banner 2
Notification
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Vote counter button group
Button
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Hungry penguin button
Button
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Heavy crab button
Button
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Tall mayfly button
Button
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Hard wasp button
Button
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Heavy panda button
Button
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Wet otter button
Button
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Strong lionfish button
Button
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Wise shrimp button
Button
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Itchy grasshopper button
Button
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Orange puma button
Button
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in
Horrible bird button
Button
Subscription
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
Sign in

Page 1 of 3 · 101 items · 48 on this page