Turn any HTML into a real app on your phone. Made with Claude? Paste it here. Done.
1
2
3
4
Paste Your HTML
Got code from Claude? Paste it here. Not sure how? Check the How It Works tab — Step 3 walks you through it.
In Claude: find the code block → tap "Copy" on the code block (not the preview) → paste here.
Live Preview Looks like HTML
⚠️ This doesn't look like HTML code — it looks like plain text. In Claude, make sure you tap "Copy code" on the code block, not the rendered preview.
Name Your Napp
This shows under the icon on your home screen.
Choose an Icon
This is what it looks like on your home screen.
📱
Emoji
Upload
📤
Tap to upload an image (PNG, JPG — will be cropped to square)
Review & Create
HTML Preview (first 200 chars)
✅
Your Napp is Live!
Copied!
One extra step: Since you're using Napps from your home screen, the link will copy to your clipboard. Open Safari, paste it in the address bar, then use Share → Add to Home Screen.
Add to Your Home Screen
Follow these steps to make it look and feel like a real app:
1
Copy the link above (tap "Copy Link")
2
Open Safari — go to your home screen and tap the Safari icon. Not Chrome, not from inside this app — it must be Safari.
3
Paste the link into Safari's address bar and go to it
4
Tap the Share button — it's the square with an arrow at the bottom of Safari
5
Scroll down and tap "Add to Home Screen". If it asks "Keep as a web app?" — tap "Keep"!
6
Tap "Add" in the top right — your Napp icon will appear on your home screen!
7
Tap your new app icon — it opens fullscreen, just like a real app. No browser bars!
No public Napps yet — be the first! After creating a Napp, you can publish it for others to find.
3 Steps to Your First Napp
Open Claude on your phone, ask it to build an app, copy the code, paste it here. That's it.
Ask Claude — use the prompt below
Copy the code — tap "Copy" on the code block (the gray box with angle brackets, not the rendered preview)
Paste here — go to Create tab, paste, name it, pick an icon, done
Copy This Prompt
Create me a single-file HTML app for [your idea here]. Requirements:
- Everything in ONE HTML file (inline CSS + JS)
- Mobile-first, works great on iPhone
- Store data in localStorage
- Clean, modern dark UI
- Make it feel like a real phone app
- No external dependencies or CDN links
Copying the Code (Important!)
Claude shows both a preview (the rendered app) and the code (the gray box with HTML). You need the code, not the preview.
Look for the code block — tap "Copy" in its top-right corner. The code should start with <!DOCTYPE html>. When you paste it in the Create tab, the live preview will show you exactly what your app will look like.
Add to Home Screen
After creating your Napp, open the link in Safari, then:
Tap the Share button (square with arrow ⬆️)
Tap "Add to Home Screen"
If it asks "Keep as a web app?" — tap Keep
Tap Add — done! It's on your home screen.
Quick Tips
Must use Safari — "Add to Home Screen" only works in Safari on iPhone
Updates? Ask Claude for changes, create a new Napp