Migrating an Existing Project
How to import existing web applications, HTML templates, and component libraries into Rayvotech Tools.
Supported Import Formats & Sources
Rayvotech Tools accepts clean code imports from modern web frameworks and static repositories. You can upload an archive or link a remote repository to begin prompting directly against existing code.
React & Next.js
Supports JSX/TSX component hierarchies, Tailwind CSS configurations, and standard route structures.
HTML5 & Tailwind CSS
Import static page templates, marketing assets, and CSS design tokens seamlessly.
Vue & Vite
Single-file components (.vue) with script setup syntax and scoped styles are fully compiled.
Laravel Blade
Import Blade view templates, Alpine.js reactive components, and layout partials.
Migration Process & AST Analysis
Once imported, the migration pipeline performs structural analysis to prepare your project for autonomous prompting:
Rayvotech Tools parses component trees, state hooks, and style dependencies into a clean semantic map.
Dependencies are resolved and loaded into an isolated WebContainer sandbox for zero-latency previewing.
You can immediately prompt the AI in natural language to add pages, modify styling, integrate databases, or fix responsive bugs.