component
Card Focus
By Detailed
Details
- DetailedAuthor
- componentType
- 2026-04-14Published
- 2026-06-08Updated
- 2026-04-14Added
- CardsCategories
Summary
Animated image cards with hover effects
Description
Each card supports an image, an optional logo, a title, and a text field - all customizable in position, alignment, color, and size. Cards can link to internal pages or external URLs. Key Features: Responsive (the cards automatically adjust to the device) Staggered appear animation with adjustable duration and delay Hover-to-focus effect with blur on non-hovered cards Scroll-aware active state on mobile Logo/text overlay with configurable position Optional background pill behind logo and text Per-card link support with new tab option Fully adjustable grid: gap, card size, aspect ratio, and border radius ✦ Designed in Switzerland. Built for the world.
Introduction
Animated image cards with hover effects
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #1128