100% Pure CSS · Zero JavaScript · ~0.5 KB Brotli
Tooltips with Anchor Positioning
Dynamically calculates viewport space leveraging CSS Anchor Positioning. Zero runtime JavaScript libraries, zero dependencies, automatic collision handling, and instant rendering without layout shifts.
CSS-Defined Positions
Pure CSS Properties
The core does not ship rigid orientation classes. The bubble uses the native position-area property exposed via --tt-area, with automatic collision flipping handled by --tt-fallbacks.
Direction: Top
block-start
Direction: Right
inline-end
Direction: Bottom
block-end
Direction: Left
inline-start
Animations & Transitions
Hardware-AcceleratedCustomize tooltip entry and exit transitions at 60 FPS using CSS variables. Adjust initial offsets, scale, duration, and easing curves without touching the core bundle.
Elevation (Lift)
translateY
Scale (Pop)
scale(0.8)
Lateral (Slide)
translateX
Rotation
rotate
Elastic (Bounce)
custom easing
3D Flip
rotateX
Customization & Visual Variants
CustomizableModify backgrounds, text colors, radius, paddings, and shadows. Tooltips effortlessly adapt to your design system.
High Contrast
WCAG AAA
Light & Minimal
Minimalist
Rounded Corners
Rounded
Brand Accent
Vibrant Blue