JavaScripting

The definitive source of the best
JavaScript libraries, frameworks, and plugins.


  • ×

    Highly customizable vanilla JS tooltip/popover library
    Filed under  › 

    • 🔾76%Overall
    • 6,872
    • 1 days
    • 🕩393
    • 👥6
    Tippy.js logo

    Tippy.js

    A highly customizable tooltip and popover library powered by Popper.js.

    npm Downloads per Month MIT License

    Demo and Documentation

    ➡️ View the latest demo & docs here

    View migration guide from v4 to v5

    4.x docs

    Installation

    Package Managers

    # npm
    npm i tippy.js
    
    # Yarn
    yarn add tippy.js
    

    Import the tippy constructor and the core CSS:

    import tippy from 'tippy.js';
    import 'tippy.js/dist/tippy.css';
    

    CDN

    <script src="https://unpkg.com/popper.js@1"></script>
    <script src="https://unpkg.com/tippy.js@5"></script>
    

    The core CSS comes bundled with the default unpkg import.

    Usage

    For detailed usage information, visit the docs.

    Component Wrappers

    React: @tippy.js/react

    License

    MIT

    Show All