Fuzzy Text

Text 55

About

fuzzy text, 404, Not found

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Fuzzy Text to your project and fits it to your theme.

Code

How Fuzzy Text is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

"use client"

import * as React from "react"
import { useState } from "react"
import { FuzzyText } from "@/components/ui/fuzzy-text"

export function Demo() {
  const [enableHover, setEnableHover] = useState(true)
  const [hoverIntensity, setHoverIntensity] = useState(0.4)
  
  return (
      <FuzzyText
        baseIntensity={0.2}
        hoverIntensity={hoverIntensity}
        enableHover={enableHover}
      >
        404
      </FuzzyText>
  )
}

export { Demo }