150+ free, open-source animated React components and effects built with Tailwind CSS and Motion.
Comic Text
Pixel Image
Progressive Blur
Smooth Cursor
Pointer
Line Shadow Text
Warp Background
Script Copy Button
Ripple Button
Interactive Hover Button
Morphing Text
Android
Scratch To Reveal
Meteors
Bento Grid
Marquee
Dock
Animated Grid Pattern
Flickering Grid
Retro Grid
Ripple
Dot Pattern
Grid Pattern
Animated Shiny Text
This page collects the Magic UI components published on 21st.dev by Dillion Verma — animated React components aimed at marketing sites and landing pages, in the family of marquees, docks, animated numbers, and decorative motion effects. Each one is built with Tailwind CSS and renders in a live preview here, so you see the exact behavior before you commit.
Compare the components in one place, then take the one you want: copy the full TSX, install it via the shadcn CLI, or pull it into your editor through the Magic MCP from Cursor or Claude Code. Everything is Tailwind-based and drops into Next.js without extra configuration.
