上記に当てはまらないスキル（1.5万 件）
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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。