Pagen
Home
Sign In
Sign Up
Configuration
Figma File URL
Paste your Figma file or frame URL
AI Generator
Choose which AI to use for generation
Local Generation
Fast API
Local Generation
Fast API
Local Generation
Reference Examples (Optional)
Upload or paste HTML files to guide the AI generation style
Upload Files
Paste Code
Choose HTML files (up to 5)
Add Example
Generate from Figma
Generating...
Page Type
Choose what type of page to generate
Paywall (Subscription)
Paywall (Subscription)
Landing Page
About Page
Features Page
Paywall (Subscription)
Landing Page
About Page
Features Page
App Store / Play Store URL
Paste your app URL from App Store or Google Play
AI Generator
Choose which AI to use for generation
Local Generation
Fast API
Local Generation
Fast API
Local Generation
Business Model (Optional)
Manually define pricing tiers if AI generation doesn't work. Leave empty to auto-generate.
Reference Examples (Optional)
Upload or paste HTML files to guide the AI generation style
Upload Files
Paste Code
Choose HTML files (up to 5)
Add Example
Generate Paywall
Generating...
Page Type
Choose what type of page to generate
Paywall (Subscription)
Paywall (Subscription)
Landing Page
About Page
Features Page
Paywall (Subscription)
Landing Page
About Page
Features Page
App Category
Select category to auto-apply matching colors
None (Use custom colors)
None (Use custom colors)
Games
Productivity
Health & Fitness
Entertainment
Finance
Education
Social Networking
General
None (Use custom colors)
Games
Productivity
Health & Fitness
Entertainment
Finance
Education
Social Networking
General
AI Generator
Choose which AI to use for generation
Local Generation
Fast API
Local Generation
Fast API
Local Generation
Page Description
Describe what you want to generate. Be specific about design, content, features, and style.
Color Palette (Optional)
Customize the color scheme for your page. Background can include gradients and effects.
Primary
Secondary
Accent
Text
Background
Use gradient
Before
After
Gradient Background
Creates a smooth color transition from primary to secondary color
Glassmorphism effect
Before
After
Glassmorphism
Adds a frosted glass effect with blur and transparency
Noise texture
Before
After
Noise Texture
Adds a subtle grain texture for a vintage, film-like appearance
Animated particles
Before
After
Animated Particles
Adds floating animated dots for a dynamic, modern look
Radial gradient
Before
After
Radial Gradient
Creates a circular gradient emanating from the center
Custom Images (Optional)
Upload your own images to include in the generated page
Choose images (up to 10)
Business Model (Optional)
Manually define pricing tiers if needed. Leave empty to auto-generate.
Reference Examples (Optional)
Upload or paste HTML files to guide the AI generation style
Upload Files
Paste Code
Choose HTML files (up to 5)
Add Example
Generate Page
Generating...
Preview
Download
Generating Page
Analyzing your requirements...