Audience
Developers in search of a tool for positioning tooltips and popovers to improve user interface
About Popper
Positioning tooltips and popovers are difficult. Popper is here to help! Given an element, such as a button, and a tooltip element describing it, Popper will automatically put the tooltip in the right place near the button. It will position any UI element that "pops out" from the flow of your document and floats near a target element. The most common example is a tooltip, but it also includes popovers, drop-downs, and more. All of these can be generically described as a "popper" element. Click on the dots to place the tooltip. There are 12 different placements to choose from. Pure CSS poppers will not be prevented from overflowing clipping boundaries, such as the viewport. It will get partially cut off or overflows if it's near the edge since there is no dynamic positioning logic. When using Popper, your popper will always be positioned in the right place without needing manual adjustments.
Other Popular Alternatives & Related Software
Hopscotch
Ensure your users first experience in the app is a positive one by helping them to get started. Guide users to new features as they are released, or resurface existing features that are not being seen. Show users a new tip each time they visit your app and turn them into power users. Notify users about new features, upcoming webinars, or scheduled app maintenance. Use conditional logic to segment in-app messaging based on individual user activity. Your users can click buttons, links, and fill in form fields to progress through interactive guides. Beautiful tooltips help highlight elements in your app to educate users about your product. Welcome new users, announce new features, or send a message about an upcoming webinar. Announce features and events with scheduled in-app messaging campaigns.
Learn more about Hopscotch
ZingChart
Value Boxes are useful when the dataset is small and the actual values are important to understand. When enabled, each node will have its value placed on or around itself. When you have a slightly larger dataset, and value boxes on each node would become too cluttered, tooltips allow you to see a node's value on demand. When even tooltips won't be granular enough, crosshairs give you an easy way to inspect a spectrum of values. When the dataset is so large that you need a magnifying glass to see a node's value, the ability to zoom into a point helps prevent squinting your eyes. Scroll bars can be added for additional functionality. The preview window helps keep track of where you are currently zoomed into. It also acts as a way to move the scroll position.
Learn more about ZingChart
Product Fruits
Product Fruits is a no-code user onboarding platform for web-based apps. It allows you to onboard users and show them how to derive value from your product. Increase adoption, conversion & retention with:
Interactive product tours & walkthroughs for guiding users step by step
Hints, beacons & tooltips for highlighting new features, delivering tips & providing contextual support
Onboarding checklists for showing users progress of their onboarding journey
Announcements for publishing important news directly in your application
Feedback widget to make it easy for users to report bugs and share ideas
Life Ring Button for providing one centralized location for all your onboarding and support documentation as well as any 3rd-party chat widget
Knowledge base for allowing users to solve problems without having to contact your support
Custom events for triggering flows based on user behavior
Segmentation for tailoring experiences to personas
Analytics to understand user behavior
Learn more about Product Fruits
NG-Bootstrap
As simple as Angular & Bootstrap CSS. Nothing else. If you know Angular, you also know ng-bootstrap. All the Bootstrap widgets you know like carousel, modal, popover, tooltip, navs plus some additional goodies like datepicker, rating and typeahead. All code is tested with almost 100% coverage, all changes are meticulously reviewed. We are not cutting corners. All the widgets are accessible. We use proper HTML elements and required aria attributes. Keyboard navigation and focus management work as expected. We've created angular-ui/bootstrap and have spent several years doing widget development. A number of team members are core Angular contributors. We give back to the community by contributing to projects we build upon (Angular, Bootstrap).
Learn more about NG-Bootstrap
Pricing
Starting Price:
Free
Free Version:
Free Version available.
Company Information
Popper
United States
popper.js.org
Videos and Screen Captures
Other Useful Business Software
Veeam Data Platform v13.1
Try Veeam Data Platform today. Experience the unified platform that's secure by design, portable by default, and proven to recover clean, fast, and anywhere.
Product Details
Platforms Supported
Cloud
Windows
Mac
Linux
iPhone
iPad
Android
Chromebook
Training
Documentation
Support
Online
Popper Frequently Asked Questions
Q: What kinds of users and organization types does Popper work with?
Popper works with these users and organization types: Mid Size Business, Small Business, Enterprise, Freelance, Nonprofit, Government, and Startup.
Q: What languages does Popper support in their product?
Popper supports these languages: English.
Q: What kind of support options does Popper offer?
Popper offers support via online.
Q: What other applications or services does Popper integrate with?
Popper integrates with: Angular, jQuery, NG-Bootstrap, and React.
Q: Does Popper have an API?
Yes, Popper has an API.
Q: Does Popper have a mobile app?
Yes, Popper has a mobile app for iPad, iPhone, and Android.
Q: What type of training does Popper provide?
Popper provides training in the form of documentation.
Q: How much does Popper cost?
Pricing for Popper starts at Free.
