# Morph components

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

37 components available. Showing all of them below.

- [Text Morph](https://21st.dev/@cnippet.dev/components/text-morph.md) — by Cnippet
- [Morph Text](https://21st.dev/@edwinvakayil/components/morph-texts.md) — by Edwin Vakayil
- [Text Morph](https://21st.dev/@cnippet.dev/components/text-morph/auto-cycling-plan.md) — by Cnippet
- [Text Morph](https://21st.dev/@cnippet.dev/components/text-morph/morphing-placeholder.md) — by Cnippet
- [Scroll Morph Hero](https://21st.dev/@prashantsom75/components/scroll-morph-hero.md) — by Prashant Som
- [Animated State Icons](https://21st.dev/@dev.yadhakim/components/animated-state-icons.md) — by Yad Hakim
- [AI Input](https://21st.dev/@aghasisahakyan1/components/ai-input.md) — by Erik X
- [Animated Theme Toggler](https://21st.dev/@ruixen.ui/components/animated-theme-toggler.md) — by Ruixen UI
- [Morphing Square](https://21st.dev/@molecule-lab-rushil/components/morphing-square.md) — by Rushil Dhinoja
- [Morphing Popover](https://21st.dev/@ibelick/components/morphing-popover/with-textarea.md) — by Julien Thibeaut
- [Morphing Popover](https://21st.dev/@ibelick/components/morphing-popover/with-custom-transition-variants.md) — by Julien Thibeaut
- [Morph Loading](https://21st.dev/@jatin-yadav05/components/morph-loading.md) — by Jatin Yadav
- [Squishy Card Component](https://21st.dev/@uniquesonu/components/squishy-card-component.md) — by Sonu
- [Spinner Morph](https://21st.dev/@lyanchouss/components/spinner-morph.md) — by Liana Pepanyan
- [Pill Morph Tabs](https://21st.dev/@ruixen.ui/components/pill-morph-tabs.md) — by Ruixen UI
- [Animated Tab Bar](https://21st.dev/@abxlfazl__/components/animated-tab-bar.md) — by abxlfazl__
- [Fluid Text Morph](https://21st.dev/@dhileepkumargm/components/fluid-text-morph.md) — by Dhileep Kumar GM
- [Morph Button](https://21st.dev/@iamsatish4564/components/morph-button.md) — by iamsatish4564
- [Switch](https://21st.dev/@micka_design/components/switch.md) — by micka_design
- [Text Morph](https://21st.dev/@amanshakya307/components/text-morph.md) — by Aman Shakya
- [smiley](https://21st.dev/@kedhareswer.12110626/components/smiley.md) — by Kedhareswer Naidu
- [Text Morph](https://21st.dev/@ibelick/components/text-morph.md) — by Julien Thibeaut
- [Morph Button](https://21st.dev/@iamsatish4564/components/morph-button/async-form-submission.md) — by iamsatish4564
- [Path morphing](https://21st.dev/@itsankitverma/components/path-morphing.md) — by Ankit Verma
- [Morph Button](https://21st.dev/@iamsatish4564/components/morph-button/variants.md) — by iamsatish4564
- [Menu Animations](https://21st.dev/@filipz/components/menu-animations.md) — by filipz
- [GooeyPagination](https://21st.dev/@ruixen.ui/components/gooey-pagination.md) — by Ruixen UI
- [Morphing Infinity](https://21st.dev/@loading-ui/components/morphing-infinity.md) — by Loading UI
- [MultiState Morph Button](https://21st.dev/@ruixen.ui/components/multi-state-morph-button.md) — by Ruixen UI
- [Morphing Loader](https://21st.dev/@animbits/components/loaders-morphing.md) — by Animbits
- [Menu Icon](https://21st.dev/@skyleen77/components/icons-menu.md) — by Elliot Sutton
- [Custom Cursor](https://21st.dev/@soralabs/components/custom-cursor.md) — by Sora UI
- [Mobius Loop Icon](https://21st.dev/@ncdai/components/mobius-loop-icon.md) — by Chánh Đại
- [Gooey Button](https://21st.dev/@dhileepkumargm/components/gooey-button.md) — by Dhileep Kumar GM
- [Fluid Ink Morph](https://21st.dev/@arihantcodes_1f7b8c4d/components/ink.md) — by Arihant jain
- [Morph Surface](https://21st.dev/@cult-ui/components/morph-surface.md) — by cult/ui
- [Chevrons Up Down Icon](https://21st.dev/@ncdai/components/chevrons-up-down-icon.md) — by Chánh Đại

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