# Clip Path components

> Give your UI a creative edge with 3 React components featuring unique CSS clip-path shapes, perfect for modern layouts.

22 components available. Showing all of them below.

- [Clip-Path Image](https://21st.dev/@uilayout.contact/components/clip-path-image.md) — by UI Layouts
- [Clipped Image](https://21st.dev/@uilayout.contact/components/clipped-image.md) — by UI Layouts
- [Clipped Shape image](https://21st.dev/@uilayout.contact/components/clipped-shape-image.md) — by UI Layouts
- [SVG Clip Path Mask](https://21st.dev/@reuno-ui/components/svg-clip-path-mask.md) — by reuno-ui
- [Smooth Scroll Hero](https://21st.dev/@ishamsu/components/smooth-scroll-hero.md) — by Shamsu Musthafa
- [Clip Path Links](https://21st.dev/@TomIsLoading/components/clip-path-links.md) — by Hover.Dev
- [Animated Tabs](https://21st.dev/@preetsuthar17/components/animated-tabs.md) — by Preet Suthar
- [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
- [Text Animation](https://21st.dev/@minhxthanh/components/text-animation.md) — by Le Thanh
- [Animated Logo Rolodex](https://21st.dev/@uniquesonu/components/animated-logo-rolodex.md) — by Sonu
- [Loading Overlay](https://21st.dev/@designali-in/components/loading-overlay.md) — by Ali Imam
- [Toolbar Dock](https://21st.dev/@ruixen.ui/components/toolbar-dock.md) — by Ruixen UI
- [LivingOrigami bg](https://21st.dev/@dhileepkumargm/components/living-origami-bg.md) — by Dhileep Kumar GM
- [Image Masking](https://21st.dev/@uilayout.contact/components/image-masking.md) — by UI Layouts
- [Frame](https://21st.dev/@ravikatiyar162/components/frame.md) — by Ravi Katiyar
- [Movie Pass Button](https://21st.dev/@radiumcoders/components/movie-pass.md) — by jay sharma
- [HoverClip](https://21st.dev/@m.kumailalirajpoot/components/test.md) — by Muhammad Kumail Ali
- [Glitch Text Loader](https://21st.dev/@elements-/components/loader-glitch-text.md) — by Cameron Kelliher
- [Vertical Cut Reveal](https://21st.dev/@cnippet.dev/components/vertical-cut-reveal.md) — by Cnippet
- [Corporate Clip Path Gallery](https://21st.dev/@uilayout.contact/components/corporate-clippath.md) — by UI Layouts
- [SVG Bands](https://21st.dev/@cult-ui/components/svg-bands.md) — by cult/ui

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