123rdy Documentation

Everything you need to build, customize, and deploy your website.

How It Works

123rdy lets you build a complete, production-ready website in three steps:

1. Pick a template — Choose from 5 starter templates (Business, Restaurant, Portfolio, Online Store, Blog) that define your site's page structure.
2. Describe your site — Write a prompt like "A craft brewery in Portland called Hop City" and AI generates all your content, colors, and layout.
3. Deploy — Download a ZIP file and upload it to any web hosting, or use 123rdy Sync for one-click updates.

Templates

Templates define the page structure and block layout for your site. Each template comes with pre-configured pages optimized for its use case.

Block Types

Each page is made up of blocks. The AI picks and arranges blocks based on your description. There are 16 block types available:

AI Prompting Tips

The better your prompt, the better your site. Here are some tips for getting great results:

Be Specific

Instead of "make me a business website", try:

A modern website for "Peak Performance Gym" in Denver, Colorado.
Primary colors: deep red and black. Include membership pricing
(Basic $29/mo, Pro $49/mo, Elite $79/mo), testimonials from
3 members, and a contact form.

Mention What You Want

• Business type and name — "A bakery called Sweet Crumbs"
• Colors and mood — "warm earth tones, cozy feel"
• Specific content — pricing, team members, menu items
• Features — "add a FAQ section about shipping policies"

Iterate with Follow-up Prompts

After initial generation, use the prompt bar to refine:

• "Change the color scheme to dark blue and gold"
• "Add a team section with 4 members"
• "Make the hero section more minimal"
• "Add a bar chart showing Q1-Q4 revenue growth"
• "Add a 3D hero with spinning geometric shapes"

Click-to-Edit

Every piece of text in the preview is directly editable. Just click on any headline, paragraph, or label and start typing. Your changes are saved automatically.

Editable elements are highlighted with a dashed outline when you hover. Click to start editing, and your changes sync to the project data in real-time.

Image Generation

Generate custom images for your site using AI. Click the camera icon in the prompt bar to open the image generator.

How to Use

1. Click the camera icon in the prompt bar
2. Describe the image you want (e.g., "A cozy coffee shop interior with warm lighting")
3. Choose an aspect ratio (square, landscape, portrait, etc.)
4. Click Generate — costs 10 oomph per image
5. Copy the URL to use anywhere, or click "Use in Hero" to apply it directly

Chart.js Integration

Add interactive data charts to your site. Charts are rendered with Chart.js and are fully responsive.

Chart Types

Prompt Examples

"Add a bar chart showing quarterly revenue: Q1 $120k, Q2 $185k, Q3 $210k, Q4 $290k"

"Add a pie chart breaking down our traffic sources: Organic 45%, Paid 25%, Social 20%, Referral 10%"

"Add a line chart showing monthly active users from January to June: 1200, 1800, 2400, 3100, 3800, 4500"

Data Format

The AI will structure data for you automatically. Behind the scenes, chart data uses:

• Labels — Category names (e.g., "Q1", "Q2", "Q3")
• Datasets — One or more data series with comma-separated values
• Colors — Single color per dataset, or comma-separated colors for pie/doughnut charts

Three.js 3D Scenes

Add interactive 3D visuals to your site powered by Three.js. Perfect for eye-catching hero sections and visual effects.

Scene Types

Available Shapes

The following 3D shapes can be used in geometric/wireframe/scene modes:

• box — Standard cube/box
• sphere — Smooth sphere
• torus — Donut/ring shape
• cone — Cone
• cylinder — Cylinder
• dodecahedron — 12-faced polyhedron
• octahedron — 8-faced polyhedron
• icosahedron — 20-faced polyhedron

Prompt Examples

"Add a dark 3D hero section with a spinning torus and two floating spheres"

"Add a particle field background with blue particles on a dark background"

"Add a wireframe scene with a dodecahedron and an icosahedron side by side"

Export & Deployment

When you're happy with your site, go to Step 3 (Deploy) and download the ZIP file. The export includes:

• Static HTML pages — clean, production-ready, no dependencies on 123rdy.com
• CSS with your custom colors, fonts, and layout
• Minimal JavaScript for smooth scrolling and FAQ accordions
• PWA support — manifest.json and service worker included
• Clean URLs via .htaccess
• All data as JSON files in a /data folder

Hosting Options

Your exported site works on any web hosting that serves static files. We recommend these affordable providers (available on the Deploy page):

• Hostinger — Budget-friendly shared hosting
• Cloudways — Managed cloud hosting
• Namecheap — Domain + hosting bundles

Database Mode

By default, your site is fully static (no database needed). If you want to store form submissions, choose "MariaDB" mode when exporting. This adds a db-config.php file you'll need to fill in with your hosting credentials.

123rdy Sync

123rdy Sync lets you push updates to your deployed site without re-uploading ZIP files. It's like a mini CMS update system.

How It Works

1. Every ZIP export includes a /rdy-sync/ folder with the sync client
2. Upload the ZIP to your hosting as normal
3. Make changes in the 123rdy editor and click Publish
4. Visit yoursite.com/rdy-sync/ and enter your sync key
5. Click "Check for Updates" to pull the latest version

Oomph System

Oomph is the credit system used across all Alexiuz services. AI-powered actions cost oomph; manual edits are free.

You can check your oomph balance in the top bar. To get more oomph, visit alexiuz.com.

Different AI models have different costs. Free models (0 oomph) are available for basic generation. Premium models produce higher-quality results.