Tooltip (FRAME/12 Adapter)

from @frame12

FRAME/12 skin for accessible tooltips with hard ink shadow.

Install

New to shadcn? Set up your project

If your project already has a shadcn components.json, skip initialization. Otherwise, run this once from your project root.

$pnpm dlx shadcn@latest init

Setup by framework · Configure a registry namespace

$pnpm dlx shadcn@latest add @frame12/tooltip

Live preview

No live preview has been built for this component yet.

Registry dependencies1

frame12-styles

Packages0

No npm packages are installed with it.

More from @frame12, 41 components

All @frame12

Alert & Notice component
@frame12
Non-color semantic status notice (neutral, info, success, warning, danger) with glyph stamp, deduplicated screen-reader prefix, and restrained ARIA live-region defaults.
Feedback2 registry deps
Badge component
@frame12
Marker-yellow badge with ink text and optional two-frame SVG impact burst.
Data display2 registry deps
Balloon component
@frame12
Speech-balloon callout annotation with mitered tail and marker target dot.
Other1 registry dep
Breadcrumb component
@frame12
Hierarchical navigation trail (<nav aria-label="Breadcrumb"> + <ol>) with aria-current="page", presentation separators, ellipsis, and asChild link composition.
Navigation1 registry dep
Button component
@frame12
Ink-framed button with primary, secondary, and marker-yellow variants.
Buttons and actions1 registry dep
Checkbox component
@frame12
Native ink-framed checkbox with SVG checkmark and indeterminate mixed-state line, label, hint, error, and Field context support.
Forms2 registry deps
CutMorph (state changes as film edits) component
@frame12
Opt-in match cuts on the platform's View Transitions: useCutMorph (interruption-safe, exactly-once updates in call order, never cancels transitions it does not own), CutMorphName for one named subject, and withCutMorphMode for React 19.3 <ViewTransition>. Stepped poses on twos, hard image swaps, no crossfades; reduced motion and still are instant cuts.
Other2 registry deps
Dialog (FRAME/12 Adapter) component
@frame12
FRAME/12 skin for modal dialogs using native <dialog>, ink frame, cut number, and screentone backdrop.
Overlays2 registry deps
DropdownMenu (FRAME/12 Adapter) component
@frame12
FRAME/12 skin for accessible action menus built on @radix-ui/react-dropdown-menu with ink inversion on focus and hover.
Overlays2 registry deps · 1 package
EmptyState component
@frame12
No-data and zero-results panel state with registration glyph, monospace code, editorial title, description, and action slots.
Feedback1 registry dep
ExposureScrubber component
@frame12
Read any run like an animator's exposure sheet: a server-rendered X-sheet table (frame, action, timing, mark) with one marked moment, data-given causes, a detail panel and a native-range transport with even, elapsed and flipbook timing. Never autoplays; keyboard and touch AT complete.
Overlays6 registry deps
Field component
@frame12
Shared form field coordinator for label, hint, marker-flagged error alert, required indicator, density, and aria-describedby/aria-invalid context.
Forms1 registry dep

The Signal

Install

Live preview

Registry dependencies1

Packages0

Install

Live preview

Registry dependencies1

Packages0

Source

More from @frame1241, 41 components

More from @frame12, 41 components