# Image Comparison components

> Compare before-and-after images easily with 3 React image comparison components, styled and ready for Tailwind CSS projects.

13 components available. Showing all of them below.

- [Feature with Image Comparison](https://21st.dev/@tommyjepsen/components/feature-with-image-comparison.md) — by Tommy Jepsen
- [Image Comparison](https://21st.dev/@ibelick/components/image-comparison.md) — by Julien Thibeaut
- [Image Comparison Slider](https://21st.dev/@minhxthanh/components/image-comparison-slider.md) — by Le Thanh
- [Compare](https://21st.dev/@manuarora700/components/compare.md) — by Manu Arora
- [Image Comparison Slider (Horizontal)](https://21st.dev/@ravikatiyar162/components/image-comparison-slider-horizontal.md) — by Ravi Katiyar
- [Image Comparison Slider Vertical](https://21st.dev/@ravikatiyar162/components/image-comparison-slider-vertical.md) — by Ravi Katiyar
- [Comparison Slider with Highlights](https://21st.dev/@ziegfiroyt/components/reveal2.md) — by Beste
- [Side By Side Slide](https://21st.dev/@unlumen/components/side-by-side-slide.md) — by Unlumen UI
- [Before/After Image Slider](https://21st.dev/@ziegfiroyt/components/reveal1.md) — by Beste
- [Compare Slider](https://21st.dev/@diceui/components/compare-slider.md) — by Dice UI
- [Compare Slider](https://21st.dev/@diceui/components/compare-slider/compare-slider-controlled-demo.md) — by Dice UI
- [Compare Slider](https://21st.dev/@diceui/components/compare-slider/compare-slider-vertical-demo.md) — by Dice UI
- [Compare Slider](https://21st.dev/@diceui/components/compare-slider/compare-slider-customization-demo.md) — by Dice UI

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