1 variant

Elastic Tooltip

Name: easeUI Pro
Price: 99.00 USD

A tooltip that springs into place beside its trigger, flipping side when it runs out of room and skipping its delay once you're already reading labels.

usage.tsx

import { ElasticTooltip } from "@/components/registry/elastic-tooltip";

export function NotificationsButton() {
  return (
    <ElasticTooltip label="Notifications">
      <button aria-label="Notifications">...</button>
    </ElasticTooltip>
  );
}

"use client";

import { AnimatePresence, motion, useReducedMotion } from "motion/react";
import {
  cloneElement,
  isValidElement,
  type ReactElement,
  type ReactNode,
  useCallback,
  useEffect,
  useId,
  useLayoutEffect,

136 more lines ship with an easeUI Pro license.

Buy a license

Install

$ bunx --bun shadcn add @easeui-pro/elastic-tooltip