Fancy Components — 34 React Components, Preview & Copy | 21st

About Fancy Components

Fancy Components publishes a shadcn registry at fancycomponents.dev, with 45 components installable through the shadcn CLI.

Components: 45
GitHub stars: 3,079
Last commit: Mar 14, 2026
Repository: danielpetho/fancy

Also in the Fancy Components registry

Each one installs on its own. Names link to the docs that ship them.

circling-elements
2 examples
css-box
4 examples
cursor-attractor-and-gravity
3 examplescalculate-positionsvg-path-to-vertices
drag-elements
2 examples
element-along-svg-path
1 example
float
2 examples
gooey-svg-filter
2 examples
gravity
4 examplescalculate-positionsvg-path-to-vertices
letter-3d-swap
3 examples
letter-swap-forward-anim
3 examples
letter-swap-pingpong-anim
media-between-text
3 examples
pixelate-svg-filter
2 examples
random-letter-swap-forward-anim
1 example
random-letter-swap-pingpong-anim
screensaver
1 example
simple-carousel
simple-marquee
5 examples
underline-center
1 example
underline-comes-in-goes-out
underline-goes-out-comes-in

From the Fancy Components readme

Fancy Components

A growing library of fancy, fun, animated react components & microinteractions to make the web fun again. Free & Open Source.

Documentation

Visit https://fancycomponents.dev/docs/introduction to view the documentation.

Contributing

Please read the contribution guidelines.

Acknowledgments

Huge thanks to shadcn, as many parts of this repository—documentation page, structure, registry system, guides, and many more—is built upon it.

License

Licensed under the MIT license.

Read the rest on GitHub →

What Fancy Components builds on

The packages and primitives its components pull in, counted across the registry.

demo-images9calculate-position2svg-path-to-vertices2

Fancy Components

Stacking Cards

Number Ticker

Marquee Along SVG Path

Marquee Along SVG Path

Marquee Along SVG Path

Number Ticker

Number Ticker

Text Highlighter

Text Highlighter

Text Highlighter

Text Highlighter

Text Along Path

Text Along Path

Text Along Path

Text Along Path

Box Carousel

Text Rotate

Parallax Floating

Text Rotate

Text Rotate

Text Rotate

Text Rotate

Gooey Filter

Gooey Filter

About Fancy Components

Also in the Fancy Components registry

From the Fancy Components readme

Fancy Components

Documentation

Contributing

Acknowledgments

License

What Fancy Components builds on

Hooks and utilities

Registries like Fancy Components

Related libraries

About Fancy Components

All 34 Fancy Components components