Blur Fade

Blur fade in and out animation. Used to smoothly fade in and out content.

MMagic UI·byMUMagic UIPro

2,764

Bookmarks

10,964

Installs

103,564

Views

26 lines

import { BlurFade } from "@/components/ui/blur-fade"

const images = Array.from({ length: 9 }, (_, i) => {
  const isLandscape = i % 2 === 0
  const width = isLandscape ? 800 : 600
  const height = isLandscape ? 600 : 800
  return `https://picsum.photos/seed/${i + 1}/${width}/${height}`
})