Pricing

Kinetic Text

A text component that animates font weight of characters on hover.

2,507

Bookmarks

10,707

Installs

23,307

Views

12 lines
import { KineticText } from "@/components/ui/kinetic-text"

export default function KineticTextDemo() {
  return (
    <div className="relative justify-center">
      <KineticText

6 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/24/2025
Categories

Similar components

That's all 6 components

Explore more

Part of Magic UI — browse the full library on Nuxus.