{"repo":"uixmat/onborda","free":true,"listed":false,"github":"https://github.com/uixmat/onborda","clone":"git clone https://github.com/uixmat/onborda.git","description":"An onboarding wizard flow / product tour for Next.js animated by framer motion","language":"TypeScript","stars":1397,"topics":["framer-motion","next","nextjs","onboarding","react","setup","tailwindcss","wizard","product","tour"],"license":null,"category":"saas-starters-boilerplates","readme_excerpt":"Onborda - Next.js onboarding flow Onborda is a lightweight onboarding flow that utilises framer-motion for animations and tailwindcss for styling. Fully customisable pointers (tooltips) that can easily be used with shadcn/ui for modern web applications. - Demo - onborda.vercel.app - Demo repository Getting started Global layout.tsx Components & page.tsx Target anything in your app using the elements id attribute. Tailwind config Tailwind CSS will need to scan the node module in order to include the classes used. See configuring source paths for more information about this topic. Note You only require this if you're not using a custom component. Custom Card If you require greater control over the card design or simply wish to create a totally custom component then you can do so easily. Prop Type Description --------------- ------------------ ---------------------------------------------------------------------- step Object The current Step object from your steps array, including content, title, etc. currentStep number The index of the current step in the steps array. totalSteps number The total number of steps in the onboarding process. nextStep A function to advance to the next step in the onboarding process. prevStep A function to go back to the previous step in the onboarding process. arrow Returns an SVG object, the orientation is controlled by the steps side prop Steps object Steps have changed since Onborda v1.2.3 and now fully supports multiple \"tours\" so you have the o","default_branch":null,"files":null,"tree":[],"storefront":"/r/uixmat","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/uixmat/onborda/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}