Pricing

Pixel Image

A component that displays an image with a pixelated effect, creating a retro aesthetic.

3,002

Bookmarks

11,202

Installs

95,802

Views

11 lines
import { PixelImage } from "@/components/ui/pixel-image"

export default function Home() {
  return (
    <PixelImage
      src="/pixel-image-demo.jpg"

5 more lines behind a plan

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

See plans
Dependencies
None — plain React + Tailwind
License
MIT License
Published
1/2/2025
Categories

Similar components

That's all 6 components

Explore more

Part of Magic UI — browse the full library on Nuxus.