Pricing

Text Shimmer

Loading text with a light sweep, driven by a masked background gradient.

1,210

Bookmarks

4,020

Installs

38,900

Views

11 lines
import { TextShimmer } from "@/components/ui/text-shimmer"

export default function DemoTextShimmer() {
  return (
    <div className="flex min-h-[220px] items-center justify-center">
      <TextShimmer className="text-2xl font-medium" duration={1.6}>

5 more lines behind a plan

Previews are free to watch. Reading and copying the full source needs a plan.

See plans
Dependencies
None — plain React + Tailwind
License
MIT License
Published
1/5/2026

Similar components

That's all 6 components

Explore more

Part of Sable Type — browse the full library on Nuxus.