Download popper.js file

Please contact its maintainers for support. NET Interactive. Copy this into the interactive tool or source code of the script to reference the package. A kickass library to manage your poppers. This package has no dependencies. NuGet packages 13 Showing the top 5 NuGet packages that depend on popper.

NET Web Application Samples This package contains an ASP. New The most popular front-end framework for developing responsive, mobile first projects on the web. The size of Popper including all of its features is about 5 kB minzipped, but it may grow a bit in the future. If bundle size is important, you'll want to take advantage of tree-shaking. The library is built in a modular way to allow to import only the parts you really need. The Lite version includes the most necessary modifiers that will compute the offsets of the popper, compute and add the positioning styles, and add event listeners.

This is close in bundle size to pure CSS tooltip libraries, and behaves somewhat similarly. The two most useful modifiers not included in Lite are preventOverflow and flip :. As you make more poppers, you may be finding yourself needing other modifiers provided by the library. There are two different esm builds, one for bundler consumers e. The only difference within the two, is that the browser-compatible version doesn't make use of process. Below you can find the size of each version, minified and compressed with the Brotli compression algorithm :.

If you want to play with the library, implement new features, fix a bug you found, or simply experiment with it, this section is for you! First of all, make sure to have Yarn installed. Scroll the container or the whole page to see the tooltip stay within the boundary. Once the opposite edges of the popcorn and tooltip are aligned, the tooltip is allowed to overflow to prevent detachment.

Scroll the container or the whole page to see the tooltip flip to the opposite side once it's about to overflow the visible area. Once enough space is detected on its preferred side, it will flip back. Popper is proudly sponsored by the following organizations, join them on Open Collective to support us. Popper aims to "just work" without you needing to configure much. Of course, there are cases where you need to configure Popper beyond its defaults — in these cases, Popper shines by offering high granularity of configuration to fine-tune the position or behavior of your popper.

You can extend Popper with your own modifiers or plugins to make your popper work for you, no matter how advanced the scenario.

Popper has billions of hits across the web, is trusted by millions of developers in production, and used in popular libraries like Bootstrap and Material UI. Install Popper. Copied to clipboard! Don't mind tech-related ads?