URL Imports
Import existing websites to recreate them in Weldship. This is perfect for redesigns, learning from examples, or creating similar applications.
How URL Import Works
When you provide a URL, Weldship:
- Captures a screenshot of the page
- Analyzes the layout, colors, and components
- Generates equivalent code in your chosen framework
- Creates a new project with the recreated design
Not a Clone
Importing from a URL
Start New Project
Click New Project in your dashboard.
Select URL Import
Choose the Import from URL option.
Enter the URL
Paste the full URL of the page you want to import.
Wait for Analysis
The system will capture and analyze the page. This takes about 30 seconds.
Review and Customize
Review the generated project and make any needed adjustments.
What Gets Imported
URL import captures:
- Layout - Page structure and component arrangement
- Colors - Color palette and gradients
- Typography - Font styles and sizes
- Images - Placeholder images in similar positions
- Components - Buttons, cards, navigation, etc.
Limitations
Some things are not captured:
- Dynamic content - JavaScript interactions and animations
- Backend logic - Server-side functionality
- Exact fonts - Similar fonts are substituted
- Login-protected content - Only public pages can be imported
Respect Copyright
Common Use Cases
Website Redesign
Import your current website as a starting point for a redesign. Then use AI prompts to update the design while maintaining the familiar structure.
Learning from Examples
Import well-designed websites to study their structure. Examine the generated code to understand how certain layouts and effects are achieved.
Inspiration Starting Point
Import a website you admire, then transform it into something unique. Change colors, swap sections, and add your own content.
Tips for Better Imports
- Use desktop URLs - Import desktop versions for full layouts
- Wait for page load - Ensure the page is fully loaded before importing
- Simple pages first - Start with simpler pages for best results
- Combine with prompts - Use prompts to refine after import
Next Steps
- AI Prompts - Customize your imported project
- Figma Import - Import from Figma designs