# Image components

> Showcase your visuals with 77 React image components, tailored for performance and style with Tailwind CSS and Next.js compatibility.

200 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/image.

- [Feature with Image Comparison](https://21st.dev/@tommyjepsen/components/feature-with-image-comparison.md) — by Tommy Jepsen
- [Vertical Image Stack](https://21st.dev/@jatin-yadav05/components/vertical-image-stack.md) — by Jatin Yadav
- [Stacked Panels Cursor intereactive component](https://21st.dev/@moazamtrade/components/stacked-panels-cursor-intereactive-component.md) — by shadway
- [Image Swiper](https://21st.dev/@easemize/components/image-swiper.md) — by Hossain Jahed
- [Card](https://21st.dev/@ravikatiyar162/components/card-21.md) — by Ravi Katiyar
- [Card Stack](https://21st.dev/@itsankitverma/components/card-stack.md) — by Ankit Verma
- [Connoisseur Stack Interactor](https://21st.dev/@hardikkashiyani123456788/components/connoisseur-stack-interactor.md) — by Hardik Kashiyani
- [Image Tiles](https://21st.dev/@tonyzebastian/components/image-tiles.md) — by Tony Sebastian
- [Images Scrolling Animation](https://21st.dev/@minhxthanh/components/images-scrolling-animation.md) — by Le Thanh
- [Card](https://21st.dev/@lavikatiyar/components/card-7.md) — by Lavi Katiyar
- [Polaroid flick-through](https://21st.dev/@c4m3r0nn/components/polaroid-flick-through.md) — by Cameron
- [Image Comparison](https://21st.dev/@ibelick/components/image-comparison.md) — by Julien Thibeaut
- [Image Reveal](https://21st.dev/@jatin-yadav05/components/image-reveal.md) — by Jatin Yadav
- [Image Mask](https://21st.dev/@uilayout.contact/components/image-mask.md) — by UI Layouts
- [Image Masking](https://21st.dev/@uilayout.contact/components/image-masking-1.md) — by UI Layouts
- [Avatar Uploader](https://21st.dev/@sshahaider/components/avatar-uploader.md) — by Efferd
- [Content Card](https://21st.dev/@manuarora700/components/content-card.md) — by Manu Arora
- [Image Showcase](https://21st.dev/@ravikatiyar162/components/image-showcase.md) — by Ravi Katiyar
- [Image Stack](https://21st.dev/@tonyzebastian/components/image-stack.md) — by Tony Sebastian
- [Animated Tiles](https://21st.dev/@designali-in/components/animated-tiles.md) — by Ali Imam
- [Progressive Blur Card](https://21st.dev/@waleedkibhen/components/progressive-blur-card.md) — by wisedev
- [Image Uploader](https://21st.dev/@lavikatiyar/components/image-uploader.md) — by Lavi Katiyar
- [Image Crop](https://21st.dev/@originui/components/image-crop.md) — by Origin UI
- [Image Crop](https://21st.dev/@originui/components/image-crop/image-cropper-5.md) — by Origin UI
- [image uploader](https://21st.dev/@info-mdshakeeb/components/image-uploader.md) — by shakeeb
- [Image Crop](https://21st.dev/@originui/components/image-crop/image-cropper-6.md) — by Origin UI
- [Image Crop](https://21st.dev/@originui/components/image-crop/image-cropper-1.md) — by Origin UI
- [Image Crop](https://21st.dev/@originui/components/image-crop/image-cropper-3.md) — by Origin UI
- [Image Crop](https://21st.dev/@originui/components/image-crop/image-cropper-2.md) — by Origin UI
- [Image Crop](https://21st.dev/@originui/components/image-crop/image-cropper-7.md) — by Origin UI
- [Image Crop](https://21st.dev/@originui/components/image-crop/image-cropper-4.md) — by Origin UI
- [Image Crop](https://21st.dev/@originui/components/image-crop/image-cropper-8.md) — by Origin UI
- [Image Crop](https://21st.dev/@originui/components/image-crop/image-cropper-9.md) — by Origin UI
- [Photo Stack](https://21st.dev/@ravikatiyar162/components/photo-stack.md) — by Ravi Katiyar
- [Card](https://21st.dev/@ravikatiyar162/components/card.md) — by Ravi Katiyar
- [Image Cropper](https://21st.dev/@ruixen.ui/components/image-cropper.md) — by Ruixen UI
- [Card Studio](https://21st.dev/@ShadcnStudio/components/card-studio/ethereal-swirl-gradient-card.md) — by ShadcnStudio
- [Image Masking](https://21st.dev/@uilayout.contact/components/image-masking.md) — by UI Layouts
- [Image Cropper](https://21st.dev/@info-mdshakeeb/components/image-cropper.md) — by shakeeb
- [Card](https://21st.dev/@kavikatiyar/components/card-7.md) — by Kavi Katiyar
- [Magic Wand](https://21st.dev/@voxlet-ui/components/magic-wand.md) — by Voxlet UI
- [Frosted Image Reveal](https://21st.dev/@dhileepkumargm/components/frosted-image-reveal-1.md) — by Dhileep Kumar GM
- [Pixel Image](https://21st.dev/@dillionverma/components/pixel-image.md) — by Dillion Verma
- [Offer Card](https://21st.dev/@lavikatiyar/components/offer-card.md) — by Lavi Katiyar
- [Advanced Image Uploader](https://21st.dev/@ruixen.ui/components/advanced-image-uploader.md) — by Ruixen UI
- [CSS Image Stacking](https://21st.dev/@uilayout.contact/components/css-image-stacking.md) — by UI Layouts
- [Image Text](https://21st.dev/@animbits/components/image-text.md) — by Animbits
- [Image Card](https://21st.dev/@ekmas/components/image-card/image-card-demo.md) — by Samuel Breznjak
- [Frosted Image Reveal](https://21st.dev/@dhileepkumargm/components/frosted-image-reveal.md) — by Dhileep Kumar GM
- [Pixelated Image Reveal](https://21st.dev/@soralabs/components/pixelated-image-reveal.md) — by Sora UI
- [UploadThing Image Grid](https://21st.dev/@elements-/components/uploadthing-image-grid.md) — by Cameron Kelliher
- [Customer Experience](https://21st.dev/@uilayout.contact/components/customer-experience.md) — by UI Layouts
- [Image Preview](https://21st.dev/@arihantcodes_1f7b8c4d/components/image-preview.md) — by Arihant jain
- [Image Crop](https://21st.dev/@haydenbleasel/components/image-crop.md) — by Hayden Bleasel
- [Image Metadata Preview](https://21st.dev/@educlopez/components/image-metadata-preview.md) — by Edu Calvo
- [Picture](https://21st.dev/@shoota/components/picture.md) — by shoota
- [Slide Image](https://21st.dev/@slide-cn/components/slide-image.md) — by Slide-CN
- [Display Cards](https://21st.dev/@Codehagen/components/display-cards.md) — by Prism UI
- [Gallery with image cards](https://21st.dev/@shadcnblockscom/components/gallery4.md) — by Shadcnblocks.com
- [Text Rotate](https://21st.dev/@danielpetho/components/text-rotate/landing-hero.md) — by Daniel Petho

Full component directory: https://21st.dev/llms.txt
