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.
The English summary is being prepared. Showing the original description.
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.
The English summary is being prepared. Showing the original description.
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.
The English summary is being prepared. Showing the original description.
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.
The English summary is being prepared. Showing the original description.
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.
The English summary is being prepared. Showing the original description.
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.
The English summary is being prepared. Showing the original description.
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.
The English summary is being prepared. Showing the original description.
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.
The English summary is being prepared. Showing the original description.
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.
The English summary is being prepared. Showing the original description.
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.
The English summary is being prepared. Showing the original description.
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.
The English summary is being prepared. Showing the original description.
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.
The English summary is being prepared. Showing the original description.
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.
The English summary is being prepared. Showing the original description.
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.
The English summary is being prepared. Showing the original description.
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.
The English summary is being prepared. Showing the original description.
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.
The English summary is being prepared. Showing the original description.
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.
The English summary is being prepared. Showing the original description.
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.
The English summary is being prepared. Showing the original description.
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.
The English summary is being prepared. Showing the original description.
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.
The English summary is being prepared. Showing the original description.
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.
The English summary is being prepared. Showing the original description.
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.
The English summary is being prepared. Showing the original description.
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.
The English summary is being prepared. Showing the original description.
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.
The English summary is being prepared. Showing the original description.
Is this your account? Link GitHub to bring it onto your creator page (Japanese)