Text Shimmer

Installation and usage

The published examples target React 19 and Tailwind CSS 4. See the recorded installation tests and their limits; verify compatibility in your own project.

01 — Set up your project

First component? Initialize shadcn once.

pnpm dlx shadcn@latest init

02 — Install the component

pnpm dlx shadcn@latest add https://podie.dev/r/motion-primitives--text-shimmer.json

03 — Add it to your interface

Import the component from the path created by the installer.

"use client";
import { TextShimmer } from '@/components/motion-primitives/text-shimmer';

export default function Example() {
  return (
    <TextShimmer duration={2}>A little magic.</TextShimmer>
  );
}

Dependencies and distribution

motion The CLI installs declared dependencies. React is a project prerequisite; scenes may include bundled libraries with their own notices.

By Motion Primitives · MIT license. Original component source and license included.