# Morphing components

> Transform your UI with 10 morphing animation React components, utilizing Tailwind CSS for fluid transitions and effects.

42 components available. Showing all of them below.

- [Liquid Text](https://21st.dev/@designali-in/components/liquid-text/liquid-text.md) — by Ali Imam
- [Morphing Dialog](https://21st.dev/@ibelick/components/morphing-dialog.md) — by Julien Thibeaut
- [Morphing Dialog](https://21st.dev/@ibelick/components/morphing-dialog/video-preview.md) — by Julien Thibeaut
- [Morphing Text](https://21st.dev/@erikvalencia1/components/morphing-text.md) — by Ruben
- [Path morphing](https://21st.dev/@itsankitverma/components/path-morphing.md) — by Ankit Verma
- [Gooey Text Morphing](https://21st.dev/@victorwelander/components/gooey-text-morphing.md) — by Victor Welander
- [Gooey Filter](https://21st.dev/@danielpetho/components/gooey-filter/tabs.md) — by Daniel Petho
- [Morphing Card Stack](https://21st.dev/@koustubhayadiyala36/components/morphing-card-stack.md) — by Kousthubha Yadiyala
- [Morphing Cursor](https://21st.dev/@jatin-yadav05/components/morphing-cursor.md) — by Jatin Yadav
- [Menu Toggle Icon](https://21st.dev/@sshahaider/components/menu-toggle-icon.md) — by Efferd
- [Morphing Text](https://21st.dev/@dillionverma/components/morphing-text.md) — by Dillion Verma
- [Morphing Square](https://21st.dev/@molecule-lab-rushil/components/morphing-square.md) — by Rushil Dhinoja
- [Preloader](https://21st.dev/@info-mdshakeeb/components/preloader.md) — by shakeeb
- [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
- [Morphing Popover](https://21st.dev/@ibelick/components/morphing-popover.md) — by Julien Thibeaut
- [Morphing Spinner](https://21st.dev/@jatin-yadav05/components/morphing-spinner.md) — by Jatin Yadav
- [Liquid Morph Floating Menu](https://21st.dev/@aayush-duhan/components/liquid-morph-floating-menu.md) — by Aayush duhan
- [Spinner Morph](https://21st.dev/@lyanchouss/components/spinner-morph.md) — by Liana Pepanyan
- [Living Fluid Hero](https://21st.dev/@dhileepkumargm/components/living-fluid-hero.md) — by Dhileep Kumar GM
- [Morphing Page Dots](https://21st.dev/@ruixen.ui/components/morphing-page-dots.md) — by Ruixen UI
- [LivingFerrofluid](https://21st.dev/@dhileepkumargm/components/living-ferrofluid.md) — by Dhileep Kumar GM
- [Morphing Text Reveal](https://21st.dev/@jatin-yadav05/components/morphing-text-reveal.md) — by Jatin Yadav
- [Morphing Input](https://21st.dev/@0xUrvish/components/morphing-input.md) — by 0xUrvish
- [Dynamic Island](https://21st.dev/@cult-ui/components/dynamic-island.md) — by cult/ui
- [Morphing Light](https://21st.dev/@designali-in/components/morphing-light.md) — by Ali Imam
- [LiquidAurora](https://21st.dev/@dhileepkumargm/components/liquid-aurora.md) — by Dhileep Kumar GM
- [Morphing Arrow Button](https://21st.dev/@arunachalam/components/morphing-arrow-button.md) — by Arunachalam
- [Frame](https://21st.dev/@ravikatiyar162/components/frame.md) — by Ravi Katiyar
- [Metamorphic Loader](https://21st.dev/@maxim.bort.devel/components/metamorphic-loader.md) — by Maxim Bortnikov
- [Loader](https://21st.dev/@ruixen.ui/components/loader.md) — by Ruixen UI
- [Text Morph](https://21st.dev/@ibelick/components/text-morph.md) — by Julien Thibeaut
- [Cool Blob Effect](https://21st.dev/@h0bb5/components/cool-blob-effect.md) — by Dylan Hobbs
- [Motion Navigation Menu](https://21st.dev/@unlumen/components/motion-navigation-menu.md) — by Unlumen UI
- [Gooey Blobs Loader](https://21st.dev/@animbits/components/loaders-gooey-blobs.md) — by Animbits
- [Text Morph](https://21st.dev/@cnippet.dev/components/text-morph.md) — by Cnippet
- [Morphing Loader](https://21st.dev/@animbits/components/loaders-morphing.md) — by Animbits
- [Bubble Background](https://21st.dev/@skyleen77/components/components-backgrounds-bubble.md) — by Elliot Sutton
- [BeUI Morphing Modal](https://21st.dev/@saurabh10102/components/be-ui-morphing-modal.md) — by Saurabh Chauhan
- [Morphing Loader](https://21st.dev/@uniquesonu/components/morphing-loader.md) — by Sonu
- [Morphing Blob Loader](https://21st.dev/@elements-/components/loader-morphing-blob.md) — by Cameron Kelliher
- [Orb Loader](https://21st.dev/@dhileepkumargm/components/kinetic-orb-loader.md) — by Dhileep Kumar GM

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