Hover Reveal List

A list that reveals each row's image behind the type, inverted through a difference blend.

Remix

0

Bookmarks

0

Installs

0

Views

15 lines
import { HoverRevealList } from "@/components/ui/hover-reveal-list"

export default function DemoHoverRevealList() {
  return (
    <div className="flex min-h-[560px] w-full flex-col items-center justify-center gap-12 bg-background px-4 py-12">
      <div className="space-y-3 text-center">

9 more lines behind a plan

Previews are free to watch. Reading and copying the full source needs a plan.

See plans
Checks
ThemeableReduced motionFocus visible
Dependencies
None — plain React + Tailwind
License
MIT License
Published
9/11/2026

Similar components

That's all 6 components

Explore more

Part of Wren Micro — browse the full library on Nuxus.