Tooltip

A Tooltip component for Figma that provides a popup with information related to an element. This UI element appears when the element receives keyboard focus or the mouse hovers over it, making it ideal for adding contextual details to your designs.

Tooltip

A Tooltip component for Figma that provides a popup with information related to an element. This UI element appears when the element receives keyboard focus or the mouse hovers over it, making it ideal for adding contextual details to your designs.

Tooltip

A Tooltip component for Figma that provides a popup with information related to an element. This UI element appears when the element receives keyboard focus or the mouse hovers over it, making it ideal for adding contextual details to your designs.

This shadcn/ui component is available in our Pro React Kit.

Using the Tooltip component

Usability tip

Use tooltips sparingly to avoid overwhelming the user. For more complex information, consider a Popover or Dialog.

Usage

Ideal for tooltips on icons, help text on form fields, and providing extra information without cluttering the UI.

Pricing

Upgrade anytime. Pay only the difference between products.

Select license

Single

Team

Enterprise

For solo designers and developers

Fast support • Unlimited projects • Lifetime updates

Base

All official shadcn/ui components and blocks in Figma. Everything you need to start designing with a strong foundation.

$119

One-time payment • Plus local taxes

Easy theming via our plugin

All shadcn components

All shadcn blocks

All 5 complete icon sets

Tailwind CSS alignment

Prototype interactions

Figma variables

Light & dark mode

Pro

Pro Components, Blocks, and Templates. A complete Figma UI Kit that lets you assemble polished layouts in seconds.

$299

$399

One-time payment • Plus local taxes

Everything in Base

42+ Pro Components

132+ Blocks to ship faster

Full page Templates

Perfect for marketing sites

Ideal for product apps [New]

Assemble sites in seconds

Responsive layouts

+

Pro React

Pro Figma UI Kit plus matching React components. Build production-ready interfaces with aligned design and code.

$499

$699

One-time payment • Plus local taxes

Everything in Pro

Pixel perfect design parity

Zero setup needed

Composable / extendible

Production ready blocks

Fully responsive

shadcn aligned tokens

CLI install & MCP support

Prices in USD.

Secure payment with Polar.sh

+

Free

Looking for a free option?

Access a curated set of shadcn components in the Figma community library, try tweakcn theming, and use the free Shadcraft registry. A simple way to trial the kit before upgrading.

Pricing

Upgrade anytime. Pay only the difference between products.

Select license

Single

Team

Enterprise

For solo designers and developers

Fast support • Unlimited projects • Lifetime updates

Base

All official shadcn/ui components and blocks in Figma. Everything you need to start designing with a strong foundation.

$119

One-time payment • Plus local taxes

Easy theming via our plugin

All shadcn components

All shadcn blocks

All 5 complete icon sets

Tailwind CSS alignment

Prototype interactions

Figma variables

Light & dark mode

Pro

Pro Components, Blocks, and Templates. A complete Figma UI Kit that lets you assemble polished layouts in seconds.

$299

$399

One-time payment • Plus local taxes

Everything in Base

42+ Pro Components

132+ Blocks to ship faster

Full page Templates

Perfect for marketing sites

Ideal for product apps [New]

Assemble sites in seconds

Responsive layouts

+

Pro React

Pro Figma UI Kit plus matching React components. Build production-ready interfaces with aligned design and code.

$499

$699

One-time payment • Plus local taxes

Everything in Pro

Pixel perfect design parity

Zero setup needed

Composable / extendible

Production ready blocks

Fully responsive

shadcn aligned tokens

CLI install & MCP support

Prices in USD.

Secure payment with Polar.sh

+

Free

Looking for a free option?

Access a curated set of shadcn components in the Figma community library, try tweakcn theming, and use the free Shadcraft registry. A simple way to trial the kit before upgrading.

Pricing

Upgrade anytime. Pay only the difference between products.

Select license

Single

Team

Enterprise

For solo designers and developers

Fast support • Unlimited projects • Lifetime updates

Base

All official shadcn/ui components and blocks in Figma. Everything you need to start designing with a strong foundation.

$119

One-time payment • Plus local taxes

Easy theming via our plugin

All shadcn components

All shadcn blocks

All 5 complete icon sets

Tailwind CSS alignment

Prototype interactions

Figma variables

Light & dark mode

Pro

Pro Components, Blocks, and Templates. A complete Figma UI Kit that lets you assemble polished layouts in seconds.

$299

$399

One-time payment • Plus local taxes

Everything in Base

42+ Pro Components

132+ Blocks to ship faster

Full page Templates

Perfect for marketing sites

Ideal for product apps [New]

Assemble sites in seconds

Responsive layouts

+

Pro React

Pro Figma UI Kit plus matching React components. Build production-ready interfaces with aligned design and code.

$499

$699

One-time payment • Plus local taxes

Everything in Pro

Pixel perfect design parity

Zero setup needed

Composable / extendible

Production ready blocks

Fully responsive

shadcn aligned tokens

CLI install & MCP support

Prices in USD.

Secure payment with Polar.sh

+

Free

Looking for a free option?

Access a curated set of shadcn components in the Figma community library, try tweakcn theming, and use the free Shadcraft registry. A simple way to trial the kit before upgrading.

Thanks for visiting

© Shadcraft 2026

Thanks for visiting

© Shadcraft 2026

Thanks for visiting

© Shadcraft 2026

Thanks for visiting

© Shadcraft 2026