# Fancy Components

> Free, open-source React library of ready-to-use animated components and microinteractions.

- Owner: [Daniel Petho](https://21st.dev/@danielpetho)
- Components: 29
- Website: https://fancycomponents.dev
- GitHub: https://github.com/danielpetho/fancy
- Live page: https://21st.dev/@danielpetho/library/fancy-components

## Components

All 29 of them:

- [Animated Gradient With SVG](https://21st.dev/@danielpetho/components/animated-gradient-with-svg.md)
- [Box Carousel](https://21st.dev/@danielpetho/components/box-carousel.md)
- [Breathing Text](https://21st.dev/@danielpetho/components/breathing-text.md)
- [Elastic Line](https://21st.dev/@danielpetho/components/elastic-line.md)
- [Gooey Filter](https://21st.dev/@danielpetho/components/gooey-filter.md)
- [Image Trail](https://21st.dev/@danielpetho/components/image-trail.md)
- [Letter Swap](https://21st.dev/@danielpetho/components/letter-swap.md)
- [Parallax Floating](https://21st.dev/@danielpetho/components/parallax-floating.md)
- [Pixel Trail](https://21st.dev/@danielpetho/components/pixel-trail.md)
- [Random Letter Swap](https://21st.dev/@danielpetho/components/random-letter-swap.md)
- [Scramble Hover](https://21st.dev/@danielpetho/components/scramble-hover.md)
- [Scramble In](https://21st.dev/@danielpetho/components/scramble-in.md)
- [Scroll and Swap Text](https://21st.dev/@danielpetho/components/scroll-and-swap-text.md)
- [Text Cursor Proximity](https://21st.dev/@danielpetho/components/text-cursor-proximity.md)
- [Text Rotate](https://21st.dev/@danielpetho/components/text-rotate.md)
- [Typewriter](https://21st.dev/@danielpetho/components/typewriter.md)
- [Underline Animation](https://21st.dev/@danielpetho/components/underline-animation.md)
- [Underline To Background](https://21st.dev/@danielpetho/components/underline-to-background.md)
- [useDimensions](https://21st.dev/@danielpetho/components/use-debounced-dimensions.md)
- [useElasticLineEvents](https://21st.dev/@danielpetho/components/use-elastic-line-events.md)
- [useMousePosition](https://21st.dev/@danielpetho/components/use-mouse-position.md)
- [useMousePositionRef](https://21st.dev/@danielpetho/components/use-mouse-position-ref.md)
- [useMouseVector](https://21st.dev/@danielpetho/components/use-mouse-vector.md)
- [useScreenSize](https://21st.dev/@danielpetho/components/use-screen-size.md)
- [Variable Font And Cursor](https://21st.dev/@danielpetho/components/variable-font-and-cursor.md)
- [Variable Font Cursor Proximity](https://21st.dev/@danielpetho/components/variable-font-cursor-proximity.md)
- [Variable Font Hover By Letter](https://21st.dev/@danielpetho/components/variable-font-hover-by-letter.md)
- [Variable Font Hover By Random Letter](https://21st.dev/@danielpetho/components/variable-font-hover-by-random-letter.md)
- [Vertical Cut Reveal](https://21st.dev/@danielpetho/components/vertical-cut-reveal.md)

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