Transitions Dev

by jakubantalikee3b8d98a24aFree for personal and commercial use; see LICENSE.txt (no redistribution of the library itself)4.5K starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated today

Production-ready CSS transitions for web apps. Use when implementing notification badges, dropdowns, modals, panel reveals, page transitions, card resizes, number pop-ins, text swaps, icon swaps, success checks, avatar group hovers, error state shakes, search/input clear, skeleton loaders, shimmer text, sliding tabs, tooltips, staggered text reveals, card hover tilt, plus-to-menu morph, accordions, toasts, like buttons, learn-more hovers, checkbox checks, spinning counters, toggles, AI thinking states, reasoning streams, streaming text, matrix dot loaders, or banner stacking. Triggers on "add a transition", "animate the dropdown", "make the modal open smoothly", "swap icon", "page slide", "stagger animation", "open / close transition", "make it animate", "fade between", "success animation", "form error", "shake on invalid", "hover lift", "avatar stack hover", "clear the search", "skeleton loader", "loading shimmer", "shimmer text", "sliding tabs", "segmented control", "tooltip", "reveal text", "tilt card", "3

Instructions onlyDesign & Creative
  1. ee3b8d98a24aCurrentcommit ee3b8d9Published Oct 8, 2026

Source and attribution

Source:jakubantalik/transitions.devinskills/transitions-devat commitee3b8d9

License: Free for personal and commercial use; see LICENSE.txt (no redistribution of the library itself)

Content belongs to its original authors. SourceWeft indexes it from a public repository.

Report or request removal