Louis's Graphics

Melt Mark

Text

About

A chunky slanted wordmark whose base melts into a wavy liquid pool, then sinks, ripples and rises back out with gooey wobble, drips and a pointer bulge.

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

Code

How Melt Mark 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 { MeltMark } from "@/components/ui/melt-mark"

export default function MeltMarkDemo() {
  return <MeltMark text="ls" className="h-screen w-full" />
}

More by Louis's Graphics

View all
  • Peak Chart

    Peak Chart

  • Liquid Chrome

    Liquid Chrome

  • Effort Slider

    Effort Slider

  • Glass Tabs

    Glass Tabs

  • Thinking Pill

    Thinking Pill

  • Metaball Loader

    Metaball Loader

  • Glow Button

    Glow Button

  • Orb Loader

    Orb Loader

More in Text

View all
  • Vertical Cut Reveal Characters

    Vertical Cut Reveal Characters

    122
  • Rainbow Text Effect

    Rainbow Text Effect

    51
  • Apple Hello Effect

    Apple Hello Effect

    635
  • NeonRGBTextEffect

    NeonRGBTextEffect

    151
  • Text Reveal

    Text Reveal

    340
  • Shine Border

    Shine Border

    977
  • Vapour Text Effect

    Vapour Text Effect

    2K
  • Blur Reveal

    Blur Reveal

    321