Search Themes

Search for themes and categories

uixmat's avatar

Onborda

by uixmat

An onboarding wizard flow / product tour for Next.js animated by framer motion

1,185
Mar 6, 2025
open-source
Onborda screenshot

Overview

Onborda is a lightweight onboarding flow designed using Next.js with framer-motion for animations and tailwindcss for styling. It features fully customizable tooltips and supports the option to create multiple product tours. The tool offers a Global layout.tsx and Components & page.tsx for easy integration into modern web applications.

Features

  • Customizable Pointers: Easily customize tooltips for modern web applications.
  • Tailwind CSS Integration: Utilizes tailwindcss for styling with customizable configurations.
  • Support for Multiple Product Tours: Create and manage multiple tours with diverse content and designs.
  • Next.js Compatibility: Designed using Next.js for seamless integration and enhanced performance.
  • Framer-motion Animations: Incorporates framer-motion for dynamic and engaging animations.
  • Global Layout Component: Offers a Global layout.tsx for consistent design and layout throughout the application.
  • Component Flexibility: Easily target specific elements using the elements id attribute for enhanced control.

Summary

Onborda is a versatile onboarding tool that offers a wide range of features for creating engaging and customizable onboarding experiences. With support for multiple product tours, integration with Next.js, and tailwindcss styling, Onborda provides a comprehensive solution for modern web applications. Its compatibility with framer-motion adds dynamic animations, while the Global layout component ensures consistency in design. The tool's focus on customization and flexibility makes it a valuable asset for developers looking to enhance user onboarding processes.