# Zoom components

> Browse 7 Zoom components for React, styled with Tailwind CSS and ready for your Next.js project.

40 components available. Showing all of them below.

- [Zoomable Image](https://21st.dev/@fuma-nama/components/zoomable-image.md) — by Fuma Nama
- [MagnifierLens](https://21st.dev/@baozhouqi/components/magnifier-lens.md) — by Zhouqi Bao
- [Lens](https://21st.dev/@manuarora700/components/lens.md) — by Manu Arora
- [Image Zoom](https://21st.dev/@designali-in/components/image-zoom.md) — by Ali Imam
- [View Magnifier](https://21st.dev/@bucharitesh/components/view-magnifier.md) — by Ritesh Bucha
- [Card](https://21st.dev/@ravikatiyar162/components/card-1.md) — by Ravi Katiyar
- [Zoom](https://21st.dev/@airbnb-visx/components/zoom.md) — by Airbnb
- [Hover Zoom](https://21st.dev/@JurreHoutkamp/components/hover-zoom.md) — by JurreHoutkamp
- [Zoomable Image](https://21st.dev/@inference-sh/components/zoomable-image.md) — by inference.sh
- [Zoom Parallax](https://21st.dev/@sshahaider/components/zoom-parallax.md) — by Efferd
- [Wireframe Dotted Globe](https://21st.dev/@moazamtrade/components/wireframe-dotted-globe.md) — by shadway
- [Glass Blog Card](https://21st.dev/@moumensoliman/components/glass-blog-card-shadcnui.md) — by Moumen Soliman
- [Elegant Carousel](https://21st.dev/@dev.yadhakim/components/elegant-carousel.md) — by Yad Hakim
- [Magnified Bento](https://21st.dev/@0xUrvish/components/magnified-bento.md) — by 0xUrvish
- [layout preloader](https://21st.dev/@kedhareswer.12110626/components/layout-preloader.md) — by Kedhareswer Naidu
- [Project Card](https://21st.dev/@ravikatiyar162/components/project-card.md) — by Ravi Katiyar
- [PDF Viewer](https://21st.dev/@andrewlu0/components/pdf-viewer.md) — by Andrew Luo
- [Map](https://21st.dev/@mapcn/components/mapcn-map.md) — by Anmoldeep Singh
- [MapClusterLayer](https://21st.dev/@mapcn/components/mapcn-map-cluster-layer.md) — by Anmoldeep Singh
- [Image Crop](https://21st.dev/@originui/components/image-crop/image-cropper-6.md) — by Origin UI
- [Map](https://21st.dev/@mapcn/components/mapcn-map/custom-styles.md) — by Anmoldeep Singh
- [Map](https://21st.dev/@mapcn/components/mapcn-map/controlled.md) — by Anmoldeep Singh
- [Image Crop](https://21st.dev/@originui/components/image-crop/image-cropper-7.md) — by Origin UI
- [PDF Viewer](https://21st.dev/@extend-hq/components/pdf-viewer.md) — by extend-hq
- [Scroll Image Tunnel](https://21st.dev/@ruixen.ui/components/scroll-image-tunnel.md) — by Ruixen UI
- [MapControls](https://21st.dev/@mapcn/components/mapcn-map-controls.md) — by Anmoldeep Singh
- [Image Cropper](https://21st.dev/@ruixen.ui/components/image-cropper.md) — by Ruixen UI
- [CSV / TSV Viewer](https://21st.dev/@extend-hq/components/csv-viewer.md) — by extend-hq
- [Parallax Scrolling Effect](https://21st.dev/@minhxthanh/components/parallax-scrolling-effect.md) — by Le Thanh
- [CustomLayer](https://21st.dev/@mapcn/components/mapcn-custom-layer.md) — by Anmoldeep Singh
- [Excel Viewer](https://21st.dev/@extend-hq/components/xlsx-viewer.md) — by extend-hq
- [CSV / TSV Viewer](https://21st.dev/@extend-hq/components/csv-viewer/tsv.md) — by extend-hq
- [Button Group](https://21st.dev/@ShadcnStudio/components/button-group/button-group-zoom.md) — by ShadcnStudio
- [ZoomDepthTabs](https://21st.dev/@ruixen.ui/components/zoom-depth-tabs.md) — by Ruixen UI
- [Toolbar](https://21st.dev/@cnippet.dev/components/cnippet-toolbar/canvas-zoom.md) — by Cnippet
- [Corporate Clip Path Gallery](https://21st.dev/@uilayout.contact/components/corporate-clippath.md) — by UI Layouts
- [Maximize Icon](https://21st.dev/@skyleen77/components/icons-maximize.md) — by Elliot Sutton
- [Image Editor Toolbar](https://21st.dev/@cnippet.dev/components/v-toolbar-3.md) — by Cnippet
- [Expanded Map](https://21st.dev/@dev.shejanmahamud/components/expanded-map/expanded-map-zoom.md) — by Md Shejan Mahamud Mahamud
- [Canvas Zoom Toolbar](https://21st.dev/@cnippet.dev/components/v-toolbar-8.md) — by Cnippet

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