NewNow in the shadcn registry directory
60 animated React components across 12 categories. Built on Motion and GSAP, installed with the shadcn CLI, owned by you.
$ npx shadcn@latest add @tweenly/text-revealScrollCopy · Paste · OwnMIT · tweenly
Fade InText RevealTypewriterWord RotateShimmer TextNumber TickerFill ButtonMagneticTilt CardSpotlight CardCursorLoaderDownload ButtonASCII ImageHover MediaImage FanImage ArcScroll Text RevealHorizontal ScrollImage RevealExpand GalleryScroll FocusStaggerMarqueeSticky CardsShine ButtonRipple ButtonHold ButtonSlide ButtonLike ButtonSegmented ControlNumber StepperElastic SwitchExpand InputRatingNavbarTable of ContentsOTP InputChart LineChart BarChart RadialChart RingsChart RadarChart KPIChart HeatmapChart ProgressChart DotsPreloaderFooterFAQConfettiPage LoaderPage TransitionSwipe RowNotification FeedProduct CardStamp Card404EnvelopeEnvelope Reveal
Frame 00 → 100
Everything good
happens in between.
Scroll to scrub the tween. Every ghost is a frame your users feel but never see.
The catalogue
60 components.
Zero packages.
Everything on this rail is running live. Poke it. Then copy the source straight into your project.
MC—01
Depth, on hover.
Move your cursor across the card.
Click anywhere on the button, rapidly for overlapping ripples
Loader
50cPar Avion
IndiaAir mail
₹25Monsoon Coast
India1972
₹12Spice Route
IndiaSeries II
0
installs this month
Playground
Touch everything.
Type a code, flip a switch, hover a chart. Nothing here is a screenshot.
Revenue
$0▲ 87.1%
Jan – Aug 2025
Check your inbox
Try 123456, anything else shakes.
Revenue
Last 14 days
$0
16.3%vs $60,879 prior
Jun 01Jun 14
88% of goal$80,000
Traffic
By browser
0/50Seats filled
Slide to confirm
Install
Ship it your way.
From your terminal, from your agent, or by hand. Every path ends with plain source code in your repo.
~/my-app — zsh
$
⠋ Checking registry.
⠋ Installing dependencies. motion
⠋ Created 1 file:
- components/text-reveal.tsx
$
components/text-reveal.tsx | 118 +++++++++++
package.json | 1 +
$
$ npx shadcn@latest add @tweenly/text-reveal@tweenly · shadcn registry
- 0runtime packages
- Components are files you own, not a dependency you update.
- 1command
- No components.json edits. tweenly is in the shadcn registry directory.
- llms.txtfor agents
- Every prop and usage example, in plain text for any model.
Make it
move.
Get new components in your inbox
One short email when new components ship. No spam, unsubscribe anytime.