Use a kit in Vite
Import the complete example into an existing React and TypeScript app.
Use your existing project
Select Vite on the example page. Unpack the complete kit into the location specified by INSTALL.en.md and import SelectedExample.tsx into your screen. Keep CSS Module imports and relative helper paths unchanged. A Next.js router, a CSS framework and extra motion packages are not required.
Display it before adapting it
Render one example first. If it works, replace demo text and connect your link or handler using the component API described in the kit. Keep the demo separate when you only need the reusable component.
Use the scripts in your own package.json to start and build the app. The kit is source to add to a project; it is not a separate application to install and run on its own.
Check the finished page
Check TypeScript, your production build, narrow screens, keyboard use and reduced motion. Check the actual page with its existing reset, fonts and layout, not only an isolated component.
If an import fails, check letter case and the copied folder structure first. Do not remove a helper or vendor folder because it is not the file you render directly.