The classic tooltip — a small "?" icon that explains a concept on hover.
The caret always points right at the trigger. Press ESC to close.
Smart Positioning
Click, Hover, or Both
Until Dismiss or Auto-Hide
Animations & Customization
Internal or External Triggers
Need to explain a complex form field? Click the info button next to it — or the Need Help? — and the same help popover appears next to the field. The popover always stays anchored to the form, no matter where you triggered it from. Click outside, press ESC, or click again to close.
Hover any team member's avatar to see a rich profile card — name, role, social links.
A small show delay prevents accidental triggers when the cursor just passes through.
Smart auto-positioning flips the popover to the opposite side when there isn't room.
Three little dots — and a complete action menu opens. Move the cursor away to close it automatically,
or click outside if you prefer. No caret for that classic menu look.
Smart auto-positioning flips the popover to the opposite side when there isn't room.
Romance
Wepik - Magnific.com
Science fiction
Wepik - Magnific.com
Drama
Wepik - Magnific.com
A text field with a Copy button — click it and the text jumps to the clipboard, with a small confirmation toast that pops up briefly and disappears on its own after 3 seconds. Real action, real feedback.
Pause on hover keeps the toast visible if the user wants to read it.
Enter a text and click the button to copy it.
A grid of cards, each with the same little icons for context. Three Float components powers all the tooltips via the Class source mode — add the trigger class to any element on the page, no extra components needed.
Lorem ipsum dolo atet telit nunque adipiscing telor magna siccum.
40x50 cm
Cotton
Creme
Lorem ipsum dolo atet telit nunque adipiscing telor magna siccum.
30x40 cm
Paper
White
Lorem ipsum dolo atet telit nunque adipiscing telor magna siccum.
30x45 cm
Paper
Avana
A product photo or UI screenshot with multiple labeled hotspots. Each marker reveals its own popover
with a description — perfect for guided tours, technical illustrations, or e-commerce detail pages.
Click Show All to see all hotspot information.
SHOW ALL
Hover a product card to see a larger preview of the photo and details — useful for quick browsing.
Click to lock the preview open while you click around in it (e.g., to copy text or follow a link).
Click outside to release.
Tooltips, popovers, and hover previews — anchored to any element on your page.
Get notified about new components and updates.
Float, contextual content on demand
© RW Pro Space • All rights reserved