Profile My skills Saved Collections Edit profile Submit a skill

← all publishers

xpert-ai

@xpert-ai source repo

277 published skills · page 1 of 3

  1. ▌
    Orb · 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
  2. ▌
    Dock · xpert-ai bundle
    A macOS-style dock whose icons magnify toward the cursor — a delightful app-launcher row. One dock per view. Icons stay flat under prefers-reduced-motion.
    0
    installs
  3. ▌
    Silk · 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
  4. ▌
    Noise · xpert-ai bundle
    A film-grain noise overlay — subtle animated texture over any background. A marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.
    0
    installs
  5. ▌
    Prism · 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
  6. ▌
    Radar · 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
  7. ▌
    Waves · xpert-ai bundle
    A perlin-warped line field with a pointer wake — organic flowing lines. A marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.
    0
    installs
  8. ▌
    Ripple · xpert-ai bundle
    A Material-style ripple spreads from the point of contact. An App-UI micro-interaction (mobile component feedback). Honors prefers-reduced-motion. Keep it short and snappy; only on controls that actually change state.
    0
    installs
  9. ▌
    Aurora · xpert-ai bundle
    A living GPU shader background rendered in dependency-free WebGL — a distinctive, marketing-grade hero backdrop. One per view; put a scrim behind text. Renders a static frame under prefers-reduced-motion.
    0
    installs
  10. ▌
    Dither · xpert-ai bundle
    A retro Bayer-dithered noise wave — pixelated, quantized, faithful GPU shader. A marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.
    0
    installs
  11. ▌
    Galaxy · 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
  12. ▌
    Plasma · 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
  13. ▌
    Balatro · 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
  14. ▌
    Counter · xpert-ai bundle
    Digits roll like an odometer up to the target number — a satisfying stat reveal on view. One or two key numbers per view. Under prefers-reduced-motion the final number shows instantly.
    0
    installs
  15. ▌
    Stepper · xpert-ai bundle
    An animated step indicator fills as you advance — clear progress for a multi-step flow (checkout, onboarding). One per flow. Under prefers-reduced-motion fills without easing.
    0
    installs
  16. ▌
    Strands · 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
  17. ▌
    Threads · 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
  18. ▌
    Tilt 3d · xpert-ai bundle
    Add tactile depth to a hero card or cover image: it tilts in 3D toward the pointer with a soft glare. Keep the max angle small (~10°) and reserve it for one or a few hero cards, not a grid. Flat under prefers-reduced-motion and on touch.
    0
    installs
  19. ▌
    Count Up · xpert-ai bundle
    Animate a number counting up to its target as it scrolls into view, once. Use for stat/metric blocks to draw the eye to an impressive figure. Honors prefers-reduced-motion (final value shown instantly). Avoid for precise values the user must read while animating, or many counters at once.
    0
    installs
  20. ▌
    Dot Grid · xpert-ai bundle
    An interactive dot grid — pointer proximity glow, shove on fast moves, click shockwave, elastic return. A marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.
    0
    installs
  21. ▌
    Toast Pop · xpert-ai bundle
    A toast slides up from the bottom, holds, then fades away. An App-UI micro-interaction (mobile component feedback). Honors prefers-reduced-motion. Keep it short and snappy; only on controls that actually change state.
    0
    installs
  22. ▌
    Anim Flip · xpert-ai bundle
    Flip — 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 Tada · xpert-ai bundle
    Tada — 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. ▌
    Blur Text · xpert-ai bundle
    Words resolve from a soft blur, one after another — a calm, premium headline entrance. One headline per view; not body copy. Under prefers-reduced-motion it appears instantly and sharp.
    0
    installs
  25. ▌
    Crosshair · xpert-ai bundle
    A thin crosshair spans the viewport and tracks the pointer — a precise, techy custom cursor. One per page; suits tools/dashboards. Off on touch and under prefers-reduced-motion.
    0
    installs
  26. ▌
    Dark Veil · 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
  27. ▌
    Dot Field · xpert-ai bundle
    A gradient dot lattice that bulges away from the pointer with a soft cursor glow. A marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.
    0
    installs
  28. ▌
    Gooey Nav · xpert-ai bundle
    A pill slides under the active nav item with a springy merge — a smooth segmented control. One per view. Under prefers-reduced-motion the pill jumps without easing.
    0
    installs
  29. ▌
    Grainient · 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
  30. ▌
    Lightfall · 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
  31. ▌
    Lightning · 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
  32. ▌
    Particles · xpert-ai bundle
    A floating particle cloud — soft round sprites drifting in 3D with a slow scene wobble. A marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.
    0
    installs
  33. ▌
    Side Rays · 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
  34. ▌
    Anim Flash · xpert-ai bundle
    Flash — 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
  35. ▌
    Anim Hinge · xpert-ai bundle
    Hinge — 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
  36. ▌
    Anim Jello · xpert-ai bundle
    Jello — 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
  37. ▌
    Anim Pulse · xpert-ai bundle
    Pulse — 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
  38. ▌
    Anim Shake · xpert-ai bundle
    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
  39. ▌
    Anim Swing · xpert-ai bundle
    Swing — 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
  40. ▌
    Fade In Up · xpert-ai bundle
    Rise + fade key elements in as the page loads, optionally staggered. Use for hero content and a small group of important elements. Honors prefers-reduced-motion. For long lists or off-screen content use scroll-reveal instead; never delay must-read content by more than a moment.
    0
    installs
  41. ▌
    Ferrofluid · 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
  42. ▌
    Light Rays · 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
  43. ▌
    Like Burst · xpert-ai bundle
    Add a celebratory particle burst to a like / favorite / reaction button. A delight micro-interaction that fires on user tap only (never on load), bursts on the "like" transition (not un-like), and ships a prefers-reduced-motion fallback. Use when a small, earned moment of positive feedback will feel good — and only one such moment per screen.
    0
    installs
  44. ▌
    Line Waves · 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
  45. ▌
    Pixel Card · xpert-ai bundle
    Pixel tiles light up in a wave across a card on hover — a subtle retro shimmer. A few cards, not a grid. Static under prefers-reduced-motion.
    0
    installs
  46. ▌
    Pixel Snow · 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
  47. ▌
    Shiny Text · xpert-ai bundle
    A soft highlight sweeps across muted text — a quiet premium shimmer for one short label ("new", "pro", a CTA word). Keep the base text readable; one or two per view. Pure CSS; solid under reduced-motion.
    0
    installs
  48. ▌
    True Focus · xpert-ai bundle
    Words sit softly blurred; one snaps into focus at a time — leads the eye across a short phrase. One per view; short phrases. Under prefers-reduced-motion all words stay sharp.
    0
    installs
  49. ▌
    Anim Bounce · xpert-ai bundle
    Bounce — 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 Fadein · xpert-ai bundle
    Fade In — 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 Rollin · xpert-ai bundle
    Roll In — 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 Shakex · xpert-ai bundle
    Shake X — 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 Shakey · xpert-ai bundle
    Shake Y — 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 Wobble · xpert-ai bundle
    Wobble — 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. ▌
    Anim Zoomin · xpert-ai bundle
    Zoom In — 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
  56. ▌
    Blob Cursor · xpert-ai bundle
    A soft gooey blob trails the cursor with a springy lag — a playful custom pointer for a hero section. One per page; can distract on content-heavy pages. Hidden on touch and under prefers-reduced-motion.
    0
    installs
  57. ▌
    Border Beam · xpert-ai bundle
    Give one card or CTA a lively accent: a small bright comet of light travels around its border. Brighter/livelier than shine-border — use for a single "new"/"featured" element, one per view. Pure CSS; fully static under prefers-reduced-motion.
    0
    installs
  58. ▌
    Click Spark · xpert-ai bundle
    A quick burst of sparks flies from the point you click — a playful tap accent. Reserve for a delightful primary action; skip on serious/destructive ones. No sparks under prefers-reduced-motion.
    0
    installs
  59. ▌
    Glare Hover · xpert-ai bundle
    A soft glare sweeps across a card following the cursor on hover — a premium, tactile sheen. Keep it subtle; a few hero cards, not a grid. Disabled on touch and under prefers-reduced-motion.
    0
    installs
  60. ▌
    Glass Icons · xpert-ai bundle
    Glassmorphic icon buttons that lift and glow on hover — a tactile toolbar or social row. Use for a small row of actions. Flat under prefers-reduced-motion.
    0
    installs
  61. ▌
    Glitch Text · xpert-ai bundle
    An RGB-split glitch flickers across a headline — a techy, edgy reveal. One short line; techy tones only. Pure CSS; steady under prefers-reduced-motion.
    0
    installs
  62. ▌
    Image Trail · xpert-ai bundle
    Thumbnails trail behind the cursor and fade — a gallery/portfolio hero flourish. One trail area per page; heavy on content pages. Off on touch and under prefers-reduced-motion.
    0
    installs
  63. ▌
    Iridescence · xpert-ai bundle
    A living GPU shader background rendered in dependency-free WebGL — a distinctive, marketing-grade hero backdrop. One per view; put a scrim behind text. Renders a static frame under prefers-reduced-motion.
    0
    installs
  64. ▌
    Pixel Blast · 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
  65. ▌
    Plasma Wave · 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
  66. ▌
    Ripple Grid · 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
  67. ▌
    Soft Aurora · 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
  68. ▌
    Star Border · xpert-ai bundle
    A soft light rotates around a pill/button border — a gentle animated outline for a single CTA. One per view; keep it slow and low-contrast. Pure CSS; static border under prefers-reduced-motion.
    0
    installs
  69. ▌
    Bottom Sheet · xpert-ai bundle
    A bottom sheet slides up over a dimmed backdrop, then dismisses. An App-UI micro-interaction (mobile component feedback). Honors prefers-reduced-motion. Keep it short and snappy; only on controls that actually change state.
    0
    installs
  70. ▌
    Button Press · xpert-ai bundle
    A button that springs down on press and pops back — tactile tap feedback. An App-UI micro-interaction (mobile component feedback). Honors prefers-reduced-motion. Keep it short and snappy; only on controls that actually change state.
    0
    installs
  71. ▌
    Checkbox Pop · xpert-ai bundle
    A checkbox that pops and draws its check on toggle. An App-UI micro-interaction (mobile component feedback). Honors prefers-reduced-motion. Keep it short and snappy; only on controls that actually change state.
    0
    installs
  72. ▌
    Anim Fadeout · xpert-ai bundle
    Fade 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
  73. ▌
    Anim Flipinx · xpert-ai bundle
    Flip In X — 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
  74. ▌
    Anim Flipiny · xpert-ai bundle
    Flip In Y — 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
  75. ▌
    Anim Rollout · xpert-ai bundle
    Roll 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
  76. ▌
    Anim Zoomout · xpert-ai bundle
    Zoom 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
  77. ▌
    Bounce Cards · xpert-ai bundle
    A stack of cards springs and fans into place on view — a lively hero for a small set (3–5). One set per view. Shown flat/instant under prefers-reduced-motion.
    0
    installs
  78. ▌
    Fade Content · xpert-ai bundle
    Content fades and rises gently as it enters the viewport — the calm default reveal. Reveal a few key blocks, not everything; keep travel small. Instant under prefers-reduced-motion.
    0
    installs
  79. ▌
    Falling Text · xpert-ai bundle
    Letters drop into place one after another — a light, gravity-flavored headline entrance. One short playful line; not body copy. Instant under prefers-reduced-motion.
    0
    installs
  80. ▌
    Gradual Blur · xpert-ai bundle
    A soft progressive blur fades content out toward an edge — a premium "more below" affordance for a scrolling list/section. Keep the readable content above the blur. Degrades gracefully where backdrop-filter is unsupported.
    0
    installs
  81. ▌
    Magnet Lines · xpert-ai bundle
    A grid of little lines all point toward the cursor — a hypnotic interactive field for a hero/background. One field per view; it's attention-grabbing. Frozen under prefers-reduced-motion.
    0
    installs
  82. ▌
    Ripple Press · xpert-ai bundle
    Acknowledge a tap/click with a ripple that blooms from the exact press point. Fast and low-opacity so it reads as feedback, not decoration. No ripple under prefers-reduced-motion (native :active covers it). Avoid on destructive actions and text links.
    0
    installs
  83. ▌
    Scroll Float · xpert-ai bundle
    Words float up and settle as the line enters view — a lively per-word scroll reveal. One or two lines; keep travel modest. Visible instantly under prefers-reduced-motion.
    0
    installs
  84. ▌
    Shine Border · xpert-ai bundle
    Give one hero card or CTA quiet premium life: a soft band of light travels around its border. One shining element per view; keep it slow and low-contrast. Pure CSS. Fully static under prefers-reduced-motion. Do not put several on screen at once.
    0
    installs
  85. ▌
    Shuffle Text · xpert-ai bundle
    Letters shuffle through random neighbors then settle into the word — a quick playful reveal for a short label. Final text is the real content; instant under prefers-reduced-motion.
    0
    installs
  86. ▌
    Stagger List · xpert-ai bundle
    Rise + fade list items in one after another on load, staggered by order. Use for short, above-the-fold lists, menus, or nav. Honors prefers-reduced-motion. For long or off-screen lists use scroll-reveal instead; never gate must-scan content on the animation.
    0
    installs
  87. ▌
    Tab Bar Slide · xpert-ai bundle
    A bottom tab bar whose active pill slides between tabs. An App-UI micro-interaction (mobile component feedback). Honors prefers-reduced-motion. Keep it short and snappy; only on controls that actually change state.
    0
    installs
  88. ▌
    Anim Backinup · xpert-ai bundle
    Back 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
  89. ▌
    Anim Bouncein · xpert-ai bundle
    Bounce In — 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 Fadeinup · xpert-ai bundle
    Fade 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
  91. ▌
    Anim Rotatein · xpert-ai bundle
    Rotate In — 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 Zoominup · xpert-ai bundle
    Zoom 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
  93. ▌
    Lottie Fab · xpert-ai bundle
    A floating action button that morphs open — Lottie JSON. 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
  94. ▌
    Lottie Tab · xpert-ai bundle
    An animated bottom-tab indicator — Lottie JSON. 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
  95. ▌
    Circular Text · xpert-ai bundle
    Text curves around a circle and slowly rotates — a decorative badge/seal accent. Decorative only; keep the phrase short. Static ring under prefers-reduced-motion.
    0
    installs
  96. ▌
    Gradient Text · xpert-ai bundle
    Give one short headline quiet premium emphasis: a slow on-brand gradient drifts through the type. One phrase per view; never body copy (readability). Pure CSS; falls back to a solid brand color under prefers-reduced-motion.
    0
    installs
  97. ▌
    Liquid Chrome · 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
  98. ▌
    Rotating Text · xpert-ai bundle
    One word swaps for the next in place — a compact way to cycle a few phrases in a headline. One rotator per view; short words. Under prefers-reduced-motion it swaps text with no travel.
    0
    installs
  99. ▌
    Scroll Reveal · xpert-ai bundle
    Reveal content as it scrolls into view — a gentle rise + fade, once per element. Use to give a long page calm rhythm. Honors prefers-reduced-motion and supports staggering. Do not delay above-the-fold content, and keep at most a few elements animating at once.
    0
    installs
  100. ▌
    Splash Cursor · xpert-ai bundle
    A fluid-simulation cursor — pointer movement splats swirling, glowing dye (full multi-pass WebGL fluid sim). A marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.
    0
    installs