← all publishers

xpert-ai

@xpert-ai source repo

277 published skills · page 2 of 3

  1. Target Cursor · xpert-ai bundle
    An animated target ring replaces the cursor and grows when it hovers buttons/links — a focused, techy pointer. One per page. Off on touch and under prefers-reduced-motion.
    0
    installs
  2. Text Scramble · xpert-ai bundle
    Resolve one short headline from random glyphs — a techy decode reveal. One short line only; keep it fast. The resolved text is the real, accessible content; under prefers-reduced-motion it appears instantly with no scramble. Avoid on body copy and calm/luxury tones.
    0
    installs
  3. Toggle Spring · xpert-ai bundle
    A switch whose knob springs across on toggle — a tactile, satisfying on/off state change. Use for settings/form switches. Honors prefers-reduced-motion (quick linear slide). Trigger on user intent only; keep the spring subtle — never to convey loading/progress.
    0
    installs
  4. Xyz Rotate · xpert-ai bundle
    Rotate In — a composable AnimXYZ entrance via the xyz="fade rotate-right-45" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.
    0
    installs
  5. Anim Backoutup · xpert-ai bundle
    Back Out Up — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  6. Anim Bounceout · xpert-ai bundle
    Bounce Out — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  7. Anim Fadeoutup · xpert-ai bundle
    Fade Out Up — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  8. Anim Headshake · xpert-ai bundle
    Head Shake — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  9. Anim Heartbeat · xpert-ai bundle
    Heart Beat — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  10. Anim Rotateout · xpert-ai bundle
    Rotate Out — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  11. Anim Slideinup · xpert-ai bundle
    Slide In Up — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  12. Anim Zoomoutup · xpert-ai bundle
    Zoom Out Up — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  13. Fx Confetti · xpert-ai bundle
    Confetti fires across the frame — for wins and reveals. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.
    0
    installs
  14. Fx Firework · xpert-ai bundle
    Fireworks launch and burst — a festive hero moment. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.
    0
    installs
  15. Decrypted Text · xpert-ai bundle
    Scrambled characters resolve into the real text on hover or view — a techy decode for a short label. The resolved text is the real, accessible content; under prefers-reduced-motion it shows instantly.
    0
    installs
  16. Elastic Slider · xpert-ai bundle
    A slider with a springy fill and knob — playful, tactile input. Use for a single prominent control (volume, brightness). Under prefers-reduced-motion it moves without the spring.
    0
    installs
  17. Shimmer Button · xpert-ai bundle
    Make one primary CTA feel premium: a soft band of light sweeps across it (slowly at rest, faster on hover). Reserve for the single primary button; keep it subtle. Pure CSS; the sweep stops (solid button) under prefers-reduced-motion. Do not use on secondary/destructive buttons or many at once.
    0
    installs
  18. Spotlight Card · xpert-ai bundle
    Give feature/pricing cards a premium feel: a soft radial spotlight follows the cursor across the card and lifts its border. Keep the glow subtle and low-contrast. Falls back to a plain static border under prefers-reduced-motion and on touch. Do not use on text-dense reading surfaces.
    0
    installs
  19. Xyz Fade Up · xpert-ai bundle
    Fade Up — a composable AnimXYZ entrance via the xyz="fade up-3" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.
    0
    installs
  20. Xyz Flip Up · xpert-ai bundle
    Flip Up — a composable AnimXYZ entrance via the xyz="fade flip-up-90" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.
    0
    installs
  21. Anim Backindown · xpert-ai bundle
    Back In Down — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  22. Anim Backinleft · xpert-ai bundle
    Back In Left — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  23. Anim Bounceinup · xpert-ai bundle
    Bounce In Up — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  24. Anim Fadeindown · xpert-ai bundle
    Fade In Down — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  25. Anim Fadeinleft · xpert-ai bundle
    Fade In Left — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  26. Anim Rubberband · xpert-ai bundle
    Rubber Band — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  27. Anim Slideoutup · xpert-ai bundle
    Slide Out Up — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  28. Anim Zoomindown · xpert-ai bundle
    Zoom In Down — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  29. Anim Zoominleft · xpert-ai bundle
    Zoom In Left — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  30. Fx Shockwave · xpert-ai bundle
    An expanding shockwave ripple — an impactful beat. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.
    0
    installs
  31. Fx Starfield · xpert-ai bundle
    A slow drifting starfield — a calm cosmic backdrop. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.
    0
    installs
  32. Attention Pulse · xpert-ai bundle
    A soft expanding ring that draws the eye to ONE element — a primary CTA, an unread badge, a new dot. Honors prefers-reduced-motion. One per screen; never use more than one at once or as pure decoration (attention splits and nothing wins).
    0
    installs
  33. Card Lift Hover · xpert-ai bundle
    Lift a clickable card toward the viewer on hover with a deepening shadow — a tactile, responsive cue. Pure CSS, no JS. Only use on actually-clickable cards (motion implies clickability). Honors prefers-reduced-motion (static). Avoid on very dense grids where many lifts feel noisy.
    0
    installs
  34. Electric Border · xpert-ai bundle
    A jittery electric outline traces a card — an energetic accent for one hero element. One per view. Pure CSS; a static solid outline remains under prefers-reduced-motion.
    0
    installs
  35. Faulty Terminal · xpert-ai bundle
    A distinctive GPU shader background rendered in dependency-free WebGL — a marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.
    0
    installs
  36. Gradient Blinds · xpert-ai bundle
    A distinctive GPU shader background rendered in dependency-free WebGL — a marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.
    0
    installs
  37. Loading Shimmer · xpert-ai bundle
    Skeleton placeholders with a soft sweeping shimmer while content loads. Use to fill space for cards/lists/profiles that are still loading and make the wait feel shorter. Honors prefers-reduced-motion (static skeleton). Only show while real content is loading — never as decoration.
    0
    installs
  38. Magnetic Button · xpert-ai bundle
    Make a primary button feel alive by gently pulling it toward the cursor as it approaches, then springing back. Keep it subtle and reserve it for one or two primary actions. Disabled on touch and under prefers-reduced-motion. Do not use it on dense UIs full of buttons.
    0
    installs
  39. Prismatic Burst · xpert-ai bundle
    A distinctive GPU shader background rendered in dependency-free WebGL — a marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.
    0
    installs
  40. Xyz Fade Big · xpert-ai bundle
    Fade Big — a composable AnimXYZ entrance via the xyz="fade big-50%" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.
    0
    installs
  41. Xyz Rise Big · xpert-ai bundle
    Rise Big — a composable AnimXYZ entrance via the xyz="fade up-5 big-25%" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.
    0
    installs
  42. Anim Backinright · xpert-ai bundle
    Back In Right — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  43. Anim Backoutdown · xpert-ai bundle
    Back Out Down — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  44. Anim Backoutleft · xpert-ai bundle
    Back Out Left — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  45. Anim Bounceoutup · xpert-ai bundle
    Bounce Out Up — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  46. Anim Fadeinright · xpert-ai bundle
    Fade In Right — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  47. Anim Fadeinupbig · xpert-ai bundle
    Fade In Up Big — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  48. Anim Fadeoutdown · xpert-ai bundle
    Fade Out Down — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  49. Anim Fadeoutleft · xpert-ai bundle
    Fade Out Left — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  50. Anim Slideindown · xpert-ai bundle
    Slide In Down — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  51. Anim Slideinleft · xpert-ai bundle
    Slide In Left — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  52. Anim Zoominright · xpert-ai bundle
    Zoom In Right — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  53. Anim Zoomoutdown · xpert-ai bundle
    Zoom Out Down — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  54. Anim Zoomoutleft · xpert-ai bundle
    Zoom Out Left — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  55. Fx Neural Net · xpert-ai bundle
    A pulsing neural network — an AI backdrop. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.
    0
    installs
  56. Fx Orbit Ring · xpert-ai bundle
    Particles orbiting rings — an elegant loop. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.
    0
    installs
  57. Kinetic Headline · xpert-ai bundle
    Stagger a headline's words (or letters) in on load, one after another. Use for a single hero headline or a title card in a launch video. Honors prefers-reduced-motion. One per screen; never use on body copy or must-read content.
    0
    installs
  58. Pixel Transition · xpert-ai bundle
    A card reveals a second face through a burst of pixel tiles on hover — a retro reveal. A few cards, not a grid. Under prefers-reduced-motion the back face just appears.
    0
    installs
  59. Xyz Fade Down · xpert-ai bundle
    Fade Down — a composable AnimXYZ entrance via the xyz="fade down-3" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.
    0
    installs
  60. Xyz Fade Left · xpert-ai bundle
    Fade Left — a composable AnimXYZ entrance via the xyz="fade left-3" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.
    0
    installs
  61. Xyz Flip Left · xpert-ai bundle
    Flip Left — a composable AnimXYZ entrance via the xyz="fade flip-left-90" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.
    0
    installs
  62. Anim Backoutright · xpert-ai bundle
    Back Out Right — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  63. Anim Bounceindown · xpert-ai bundle
    Bounce In Down — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  64. Anim Bounceinleft · xpert-ai bundle
    Bounce In Left — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  65. Anim Fadeoutright · xpert-ai bundle
    Fade Out Right — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  66. Anim Fadeoutupbig · xpert-ai bundle
    Fade Out Up Big — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  67. Anim Jackinthebox · xpert-ai bundle
    Jack In The Box — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  68. Anim Slideinright · xpert-ai bundle
    Slide In Right — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  69. Anim Slideoutdown · xpert-ai bundle
    Slide Out Down — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  70. Anim Slideoutleft · xpert-ai bundle
    Slide Out Left — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  71. Anim Zoomoutright · xpert-ai bundle
    Zoom Out Right — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  72. Fx Chain React · xpert-ai bundle
    A chain reaction of bursts ripples across the frame. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.
    0
    installs
  73. Fx Data Stream · xpert-ai bundle
    Streaming data lines — a flowing techy backdrop. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.
    0
    installs
  74. Fx Matrix Rain · xpert-ai bundle
    Falling code glyphs — a techy backdrop. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.
    0
    installs
  75. Xyz Fade Right · xpert-ai bundle
    Fade Right — a composable AnimXYZ entrance via the xyz="fade right-3" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.
    0
    installs
  76. Xyz Fade Small · xpert-ai bundle
    Fade Small — a composable AnimXYZ entrance via the xyz="fade small-50%" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.
    0
    installs
  77. Anim Bounceinright · xpert-ai bundle
    Bounce In Right — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  78. Anim Bounceoutdown · xpert-ai bundle
    Bounce Out Down — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  79. Anim Bounceoutleft · xpert-ai bundle
    Bounce Out Left — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  80. Anim Fadeindownbig · xpert-ai bundle
    Fade In Down Big — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  81. Anim Fadeinleftbig · xpert-ai bundle
    Fade In Left Big — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  82. Anim Fadeintopleft · xpert-ai bundle
    Fade In Top Left — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  83. Anim Slideoutright · xpert-ai bundle
    Slide Out Right — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  84. Lottie Favorite · xpert-ai bundle
    A heart/favorite icon that animates on toggle — Lottie JSON, portable across web & app. A Lottie (JSON) animation — portable motion that plays identically on web and app via lottie-web. Honors prefers-reduced-motion (don't autoplay). Reserve Lottie for motion that earns its ~160KB runtime.
    0
    installs
  85. Fx Galaxy Swirl · xpert-ai bundle
    A swirling galaxy of particles. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.
    0
    installs
  86. Fx Word Cascade · xpert-ai bundle
    Words cascade into place — a kinetic title. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.
    0
    installs
  87. Anim Bounceoutright · xpert-ai bundle
    Bounce Out Right — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  88. Anim Fadeinrightbig · xpert-ai bundle
    Fade In Right Big — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  89. Anim Fadeintopright · xpert-ai bundle
    Fade In Top Right — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  90. Anim Fadeoutdownbig · xpert-ai bundle
    Fade Out Down Big — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  91. Anim Fadeoutleftbig · xpert-ai bundle
    Fade Out Left Big — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  92. Anim Fadeouttopleft · xpert-ai bundle
    Fade Out Top Left — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  93. Anim Rotateinupleft · xpert-ai bundle
    Rotate In Up Left — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  94. Fx Constellation · xpert-ai bundle
    Connected points like a constellation — quiet motion. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.
    0
    installs
  95. Fx Gradient Blob · xpert-ai bundle
    Soft drifting gradient blobs — a warm ambient glow. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.
    0
    installs
  96. Fx Sparkle Trail · xpert-ai bundle
    A trail of sparkles — a light, delightful accent. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.
    0
    installs
  97. Anim Fadeoutrightbig · xpert-ai bundle
    Fade Out Right Big — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  98. Anim Fadeouttopright · xpert-ai bundle
    Fade Out Top Right — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  99. Anim Rotateinupright · xpert-ai bundle
    Rotate In Up Right — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs
  100. Anim Rotateoutupleft · xpert-ai bundle
    Rotate Out Up Left — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
    0
    installs