Dashboard Overview
Understand the TypenDrop dashboard layout, including sidebars, tabs, and generation controls.
The dashboard is your main workspace in TypenDrop. It's where you write prompts, configure settings, view results, and manage your projects.
Layout Overview
The dashboard is divided into three main areas:
Left Sidebar
The left sidebar gives you quick access to:
- Quick Start — Jump-start your next generation with pre-built prompt templates
- Templates — Your saved prompt templates and built-in defaults (Landing Page, Dashboard, Blog)
- Recent Projects — Browse and open your recent work
You can collapse the sidebar by clicking the toggle button to give yourself more space.
Center Area — Tabs
The center of the dashboard uses a tabbed interface:
- Create — The main generation view with your prompt input and results
- Chat — View the full conversation history for your current session, including AI responses and embedded generation results
- History — Browse all your saved projects with options to rename, delete, or reload them
Right Sidebar — Style Configuration
The right sidebar is where you control the visual style of your generated pages. It offers three modes:
- Preset — Choose from 13 professionally-designed style presets
- Custom — Fine-tune every color and font manually
- Auto — Let the AI pick the best style based on your prompt
Learn more about style settings
Header Controls
At the top of the dashboard you'll find:
- Credits display — Shows your remaining generation credits
- User menu — Access account settings, WordPress integration, Ethereal widgets manager, subscription management, and sign out
- Language switcher — Toggle between English and Italian
Generation Controls
At the bottom of the center area, you'll find the prompt input along with:
- Mode selector — Switch between One-Shot and Architect modes
- Widget set dropdown — Choose Basic, Pro, or All widgets
- Output format dropdown — Select Legacy (sections) or Container (flexbox)
- Media picker — Browse and attach WordPress images to your prompt
- Generate button — Start the generation (or press Shift+Enter)
Viewing Results
After a generation completes, you'll see the result in the Create tab with options to:
- Copy JSON — Copy the Elementor JSON to your clipboard for pasting into Elementor
- Download JSON — Save the file locally
- Upload to WordPress — Push the page directly to your connected WordPress site (requires WordPress integration setup)