Skip to main content

React Beacon Hint

CI/CD Codecov CodeFactor NPM Size GitHub contributors GitHub license PRs Welcome Prettier EsLint React Vite TS Demo Documentation

User Onboarding Component for React with Fully Configurable Options

✨ Features​

  • 🛠 Use Floating UI (the evolution of Popper 2) with fully configurable options as anchor positioning system.
  • 🎨 Fully customizable presence animation powered by Framer Motion.
  • ⚙️ Beautiful by default, with zero-config, and can be customized.
  • 📦 Light as a feather (~60kB).
  • 🏖 Easy to use, just wrap <Hint> around your component.
  • 📝 Written in TypeScript.

⚙️ Installation​

npm install react-beacon-hint

Dependencies​

This library needs these dependencies to be installed in your project before you can use it:

npm install framer-motion @floating-ui/react