01
Componentsopen source
Signature
An animated SVG signature effect that draws out text as if hand-written.
Back to discovery
Live preview recorded from Dqnamo Kitchen; component and provider source published by JP / dqnamo. Preview: platform recorded · rights authorized.
ComponentFree
Tactile Button
A physical button study built from a shaped face, firm edge, and compressible depth.
dSource LanddqnamoWhy it stands out
A shaped button face sits above a firm edge and compressible depth layer. Pressing and holding the control makes the face travel downward, producing a tactile response that reads like a small physical switch rather than a flat CSS button.
Prompt
import { ArrowRightIcon } from "@phosphor-icons/react/dist/ssr";
import { TactileButton } from "@/components/TactileButton";
export function TactileButtonShowcase() {
return (
<div className="flex min-h-80 w-full items-center justify-center rounded-[13px] bg-grayscale-2">
<TactileButton size="sm">
<span>Continue</span>
<ArrowRightIcon aria-hidden="true" size={14} weight="bold" />
</TactileButton>
</div>
);
}Discovery vocabulary
Related by governed terms
Continue comparing
06
More from dqnamo