CodePad Ai
CodePad Ai — Dashboard
Private workspace • projects • time machine • AI help
Home Trainer Sign up Log in
—

You’re logged out

Log in to access your private dashboard workspace.

Create account Log in

Verify your email to continue

Your account is signed in, but your email isn’t verified yet. Please check your inbox and click the verification link.

Tip: check spam/promotions. After verifying, return here and click “I’ve verified — continue”.
Workspace Summary

Build in Prime. Compare in Off-Screen. Save by Project.

Prime is your main workspace. Off-Screen is your “scratch / older version” board for comparisons. Time Machine saves checkpoints and auto Cloud Sync. The AI can write custom code, fix bugs, and explain what to change.
Plan: Free
Upgrade →
Soft cap: 750 lines
Lines — Prime: 0 • Off: 0
Sponsor: Advertise with CodePad Ai Slot Here!
Cloud Sync
—
Status: —
Local-first sync. If offline, you can still work normally.
Storage Quota
Used: — | Limit: —
Remaining: — | Projects: —
Shows your cloud storage usage (projects + code size).
Sync tip
Working offline? Keep building — your changes will sync when you’re back online.
CodePad Ai auto-sync runs in the background. If you're offline, your edits stay local and sync automatically once you're back online.
Active project
—
Prime auto-saves to the active project while you type.
AI + limits
AI this month: 0 / 0 (plan)
Pro tip: click “Use Prime” before asking the AI, so it can see your code.
Last snapshot
—
Restore anytime from Time Machine.
Quick actions
Invite a friend
Click Copy to generate your code. When a friend joins, you both earn bonus AI per month.
—
Tip: share a link like: signup.html?invite=YOURCODE
Starter templates
Create a new project from a working starter.
Preview health
Status: — | Errors: 0
Run preview to see status.
Export
Downloads your current Prime as a single HTML file.

Controls

Best flow: New project → build in Prime → Run → save a Snapshot before big changes.

📁 Projects

Free
Projects: 0 / 5 (5 left)
Switching projects loads that project’s saved Prime + Off-Screen boards.
Rename the selected folder/project here
Projects are saved in this browser (per account). The active project auto-loads and auto-saves both Prime and Off-Screen boards. Folders help you organize projects (the “Folders” button is auto-added by CodePad Ai system). Tip: Select a folder/project above. Use the rename box right here to rename it.
—
Quick tips
Common searches
script • style • body • id="…" • class="…" • console.log
If something is duplicated
Ask AI: “Find duplicate blocks and tell me 3 exact strings to search for.”

Quick-Save Snippets (per user)

Snippets are quick “mini-saves” (stored per account in this browser).
Prime Board
Main Workspace: Your main workspace — write code, notes, and ideas. Changes auto-save to the active project.
Mode:
Off-Screen Board
A secondary workspace for backups and comparisons. Use it to test or compare against Prime.
Use “Compare Boards” to highlight differences.
▶ Live Preview (Prime)
Run Prime code in an isolated iframe + capture console/errors.
Console output will show here…