🚀 Tiggy Site Builder
The complete offline visual website builder. Create stunning, professional websites without any coding knowledge.
Overview
Tiggy Site Builder is a powerful offline visual website builder that lets you create professional, responsive websites using a drag-and-drop interface. No coding required!
💻 System Requirements
Operating System
Windows 10 or Windows 11 (64-bit)
Disk Space
200 MB for installation + space for your projects
RAM
4 GB minimum, 8 GB recommended
Internet
Not required for design. Needed only for stock images & FTP upload
🚀 Quick Start (5 Minutes to Your First Site)
🔑 Activate Your License
Enter your license key in the License section (left panel) and click Activate.
📄 Choose a Template
Click any template button (like "Business" or "Portfolio") to instantly populate your page.
🎨 Pick a Theme
Click a Theme Preset to change colors (Dark Pro, Ocean, Sunset, etc.)
✎ Edit Content
Click any block to select it. Edit text, images, and settings in the right panel.
👁 Preview
Click the Preview button to see your site in a browser window.
📦 Publish!
Click "Publish Site" to export your website files, ready for any web host.
⭐ Key Features
100% Offline
Works completely offline. No internet required to design. Your data stays on your computer.
Visual Editor
Drag, drop, resize, and position elements exactly where you want them on the canvas.
Responsive Output
Exported sites automatically adapt to desktop, tablet, and mobile screens.
SEO Ready
Built-in SEO tools including meta tags, Schema markup, sitemaps, and more.
Direct FTP Upload
Upload your site directly to any web server with built-in FTP/FTPS support.
Multi-Page Sites
Create unlimited pages with automatic navigation linking between them.
Installation
📥 Step 1: Download Your Software
After your purchase, you'll receive an email containing:
- 🔗 Download Link - Click to download
TiggySiteBuilder_Setup.exe - 🔑 License Key - Your unique key in format: TIGGY-XXXX-XXXX-XXXX-XXXX
- 📄 Receipt - Your purchase confirmation
Tip: Save this email! You'll need the license key to activate the software.
💻 Step 2: Run the Installer
📁 Locate the Downloaded File
Find TiggySiteBuilder_Setup.exe in your Downloads folder (or wherever you saved it).
🖱 Double-Click to Run
Double-click the installer file to begin installation.
🛡 Windows SmartScreen (If It Appears)
If Windows shows a blue "Windows protected your PC" message:
1. Click "More info"
2. Click "Run anyway"
This is normal for new software. Tiggy Site Builder is safe to install.
🛠 Administrator Permission
Click "Yes" when asked "Do you want to allow this app to make changes to your device?"
✅ Step 3: Choose What to Install
The installer will show you component options. Here's what each one does:
Main Application (Recommended)
The primary Tiggy Site Builder app with a native window. Select this for everyday use. Opens like a normal desktop program.
Server Mode (System Tray)
Optional. Runs quietly in your system tray. Access the builder through any web browser. Great for:
- Using multiple browsers at once
- Accessing from other devices on your network
- Running in the background while you work
Desktop Shortcut (Recommended)
Creates a shortcut on your desktop for quick access. Just double-click to launch!
For most users: Just keep "Main Application" and "Desktop Shortcut" selected, then click Next.
📁 Step 4: Choose Install Location
The default location is: C:\Program Files\Tiggy Site Builder
You can change this if needed, but the default is recommended for most users. Click Install to continue.
🎉 Step 5: Installation Complete!
✅ Installation Finished
Wait for the progress bar to complete. This usually takes less than a minute.
🚀 Launch the Application
Check "Launch Tiggy Site Builder" and click Finish.
The application will open automatically!
📌 Where to Find the App Later
Desktop Shortcut
Double-click "Tiggy Site Builder" icon on your desktop
Start Menu
Click Start > Tiggy Site Builder > Tiggy Site Builder
Windows Search
Press Windows key and type "Tiggy" - click the app to launch
🗑 Uninstalling (If Needed)
To remove Tiggy Site Builder from your computer:
- Open Windows Settings (Win + I)
- Go to Apps > Installed Apps
- Find "Tiggy Site Builder"
- Click the three dots (...) and select "Uninstall"
Or: Start Menu > Tiggy Site Builder > Uninstall
Important: Your saved project files (.json) are NOT deleted when you uninstall. They stay wherever you saved them on your computer.
License Activation
A valid license key is required to use Save, Publish, and FTP Upload features.
🔓 How to Activate
🔍 Find the License Section
In the left panel, click on the License section header to expand it.
⌨ Enter Your Key
Type or paste your license key in the format: TIGGY-XXXX-XXXX-XXXX-XXXX
✅ Click Activate
Press the Activate License button. You'll see a success message and the indicator will turn green.
With a valid license, you can:
- 💾 Save Project - Save your work as .json files
- 📦 Publish Site - Export to HTML/CSS for hosting
- ☁ FTP Upload - Upload directly to your server
Without a license, you can still design and preview your site, but cannot save or export.
Interface Tour
The Tiggy Site Builder interface is divided into four main areas:
🔵 Top Bar - Project Controls
Undo / Redo
Revert or redo your last actions. Keyboard: Ctrl+Z / Ctrl+Y
Page Selector
Dropdown to switch between pages in your project
Add Page
Create a new blank page in your project
Duplicate
Clone the current page with all its content
Delete
Remove the current page (disabled if only one page)
Project Name
Editable text field for your project's name
New
Start a fresh blank project (will prompt to save)
Open Project
Load a previously saved .json project file
Save Project
Save your project as .json for future editing
Publish Site
Export as HTML/CSS files ready for web hosting
Preview
Open a live preview of your site in a new window
Upload (FTP)
Upload your site directly to a web server via FTP
◀ Left Panel - Design Tools
Contains all the tools for building your site: templates, themes, blocks, images, settings, and more.
🖼 Center - Design Canvas
The main workspace where you design your pages. Drag blocks here, move them around, and resize them.
▶ Right Panel - Properties
Shows editable properties for the currently selected block. Also displays SEO score and shortcuts.
Templates
Start quickly with pre-designed templates. Click any template button to apply it to your current page.
Landing Page
Marketing homepage with hero, CTA, testimonials
Portfolio
Creative showcase with image gallery
Business
Professional services with features list
Restaurant
Food business with menu items and FAQs
SaaS Startup
Software product with pricing cards
Agency
Creative agency with portfolio showcase
Photography
Photo gallery with booking form
Consulting
Business consulting with expertise areas
Applying a template will replace all content on the current page. Make sure to save first if you have important work!
Theme Presets
Instantly change your page's color scheme with one click. Themes update the primary color, secondary color, and background.
After applying a theme, you can further customize colors in the Page Settings section using the color pickers.
Building Blocks
Blocks are the building components of your website. Click any block button in the left panel to add it to your canvas.
💬 Text & Headings
Heading
Large title text for sections. Exported as H2 tags for SEO.
Paragraph
Body text content. Supports custom font sizes.
📷 Media
Image
Display images from URL or upload. Includes alt text for accessibility.
Video Embed
Embed YouTube or Vimeo videos. Just paste the video URL.
Image Gallery
Multi-column grid of images. Configurable 1-6 columns.
🔗 Navigation & Buttons
Button
Clickable button linking to any URL. Customizable color.
Page Nav Button
Button that links to another page in your project.
Button Set
Group of buttons. Styles: Tabs, Pills, Ghost, Soft.
Social Links
Social media icon links: Facebook, Twitter/X, Instagram, LinkedIn, YouTube.
💰 E-Commerce
Product Card
Display product with title, subtitle, and price.
PayPal Button
Single PayPal payment button with your PayPal.me link.
PayPal Cart
Shopping cart functionality with PayPal integration.
💬 Content Sections
Feature List
Bulleted list of features with a title. Great for showcasing benefits.
Testimonial
Customer quote with author name, role, and avatar image.
FAQ Item
Collapsible question and answer. Click to expand/collapse.
Call to Action
Attention-grabbing section with headline, text, and button.
Contact Form
Email form supporting Formspree, Netlify, or custom endpoints.
📈 Layout
Section Background
Container for grouping content with background color.
Divider
Horizontal line separator. Styles: Solid, Dashed, Dotted, Double.
Spacer
Empty space block for vertical spacing between content.
Managing Pages
Create multi-page websites with automatic navigation linking.
➕ Adding Pages
Click "Add Page" in the top bar
A new blank page will be created and selected automatically.
Set the Page Name
In the left panel under Page Settings, enter a name like "About" or "Contact".
Design your page
Add blocks and customize content just like the home page.
🔁 Switching Pages
Use the Page Selector dropdown in the top bar to switch between pages. You can also use the Prev Page and Next Page buttons above the canvas.
🔗 Linking Between Pages
Use a Page Nav Button or Button Set to create navigation between your pages. Select the target page from the dropdown in the block properties.
The first page in your project will be exported as index.html. Other pages use their name (e.g., "About" becomes about.html).
Canvas Controls
The canvas is your design workspace. Here's how to control it:
🔎 Zoom Controls
Zoom Out (−)
Decrease zoom to see more of your canvas
Zoom In (+)
Increase zoom for detailed work
Reset (1:1)
Return to 100% zoom level
Ctrl + Mouse Wheel
Scroll to zoom in/out quickly
📱 Device Preview Modes
Desktop (1200px)
Full-width desktop view with absolute positioning
Tablet (900px)
Tablet view with text flow layout
Mobile (420px)
Mobile phone view with stacked layout
⚙ Canvas Settings
In the left panel under Canvas, you can configure:
- Width/Height - Set canvas dimensions in pixels
- Snap to Grid - Enable grid snapping for precise alignment
- Grid Size - Set the grid spacing (default 10px)
Block Properties
When you select a block on the canvas, its properties appear in the right panel.
📏 Common Properties (All Blocks)
X / Y Position
Horizontal and vertical position in pixels from the top-left corner
Width / Height
Block dimensions in pixels
Text Color
Color picker for text content
Background
Background color or transparency
Entrance Animation
Animation when block appears: Fade In, Slide Up/Left/Right, Scale In
Hover Effect
Effect on mouse hover: Grow, Glow, Lift
📝 Text Properties
- Text Content - The actual text displayed
- Font Size - Size in pixels
- Flow Width - Responsive width percentage (10-100%)
🖼 Image Properties
- Image Preview - Thumbnail of current image
- Upload Button - Select image from your computer
- Image URL - Direct URL to an image
- Alt Text - Description for accessibility and SEO
🖌 Button Properties
- Label - Button text
- Link - URL the button links to
- Accent Color - Button background color
Stock Images
Access thousands of free stock images directly in the builder.
🔍 Search for Images
Enter a search term
Type any keyword like "business", "nature", "food", "technology" in the search field.
Click Search
Results will appear as thumbnails below the search field.
Click an image to use it
The image will be inserted into your currently selected image block, or a new image block will be created.
🔑 Pexels API Setup (Optional)
For unlimited image searches, get a free Pexels API key:
Visit pexels.com/api
Go to pexels.com/api and click "Get Started"
Create a free account
Sign up (it's completely free) and get your API key
Paste the key in Settings
Enter your API key in the Stock Images section and click "Save Key"
Without an API key, you can still search 80+ pre-configured categories like "business", "nature", "food", etc.
Animations
Add life to your website with entrance animations and hover effects.
🎬 Entrance Animations
These play when the block first appears on screen:
Fade In
Gently fades from transparent to visible
Slide Up
Slides up from below while fading in
Slide Left
Slides in from the left side
Slide Right
Slides in from the right side
Scale In
Grows from slightly smaller to full size
👆 Hover Effects
These activate when the user hovers their mouse over a block:
Grow
Block slightly enlarges (105% scale)
Glow
Adds a glowing orange shadow around the block
Lift
Block lifts up with a shadow underneath
Save & Open Projects
💾 Saving Your Project
Click "Save Project" or press Ctrl+S
Your project will be saved as a .json file that you can open later.
Choose a save location
Select where to save the file on your computer.
📂 Opening a Project
Click "Open Project"
Select a previously saved .json project file.
Continue editing
All your pages, blocks, and settings will be restored.
Your work is automatically saved to browser storage as you edit. If you accidentally close the browser, your work will be recovered when you reopen the app.
Publish Your Site
Export your site as HTML/CSS files ready for web hosting.
📦 How to Export
Click "Publish Site" or press Ctrl+E
The export process will begin.
Choose a destination folder
Select where to save your website files.
Upload to your web host
Copy the exported files to your web hosting via FTP or hosting panel.
📁 Exported Files
index.html
Your homepage (first page)
[page-name].html
Additional pages (about.html, contact.html, etc.)
styles.css
All styling for your website
site.js
Utility JavaScript (form handling, etc.)
sitemap.xml
SEO sitemap for search engines
robots.txt
Crawler instructions for search engines
manifest.json
PWA manifest for mobile "Add to Home Screen"
favicon.svg
Site icon for browser tabs
FTP Upload
Upload your site directly to any web server without leaving the app.
⚙ Configure FTP Settings
In the left panel under FTP Upload, enter your server details:
FTP Host
Your server address (e.g., ftp.yoursite.com)
Username
Your FTP username from your hosting provider
Password
Your FTP password
Port
Usually 21 for FTP, 22 for SFTP
Remote Path
Destination folder (e.g., /public_html or /www)
Use FTPS
Enable for secure TLS/SSL connection (recommended)
✅ Test & Upload
Click "Test Connection"
Verify your FTP settings are correct before uploading.
Click "Upload (FTP)" in the top bar
Your site will be uploaded with a progress bar showing status.
Click Save Settings to remember your FTP credentials for next time.
SEO Settings
Optimize your site for search engines with built-in SEO tools.
📄 Page-Level SEO (Per Page)
In Page Settings:
Page Title
The title shown in browser tabs and search results (50-60 characters ideal)
Description
Meta description for search results (150-160 characters ideal)
Keywords
Comma-separated keywords (less important now, but good practice)
🌐 Site-Wide SEO
In SEO & Analytics:
Site URL
Your website's full URL for canonical tags (e.g., https://yoursite.com)
Google Analytics ID
Your GA tracking ID (G-XXXXXXXXXX) for visitor analytics
OG Image URL
Image shown when your site is shared on social media
Schema Type
JSON-LD structured data type: Website, LocalBusiness, Organization, Product, Article
Business Info
Name, phone, and email for schema markup
📊 SEO Score
The right panel shows a real-time SEO score with a checklist of recommendations. Aim for a green score by:
- ✅ Adding a descriptive page title
- ✅ Writing a compelling meta description
- ✅ Including keywords
- ✅ Adding alt text to all images
- ✅ Using headings for structure
- ✅ Setting your site URL
Keyboard Shortcuts
Speed up your workflow with these keyboard shortcuts:
| Action | Shortcut |
|---|---|
| ↶ Undo | Ctrl + Z |
| ↷ Redo | Ctrl + Y or Ctrl + Shift + Z |
| 💾 Save Project | Ctrl + S |
| 📦 Publish Site | Ctrl + E |
| 🗑 Delete Block | Delete or Backspace |
| 🗐 Duplicate Block | Ctrl + D |
| ⬆ Move Up (1px) | ↑ |
| ⬇ Move Down (1px) | ↓ |
| ⬅ Move Left (1px) | ← |
| ➡ Move Right (1px) | → |
| 🚀 Move (10px) | Shift + Arrow |
| ❌ Deselect Block | Escape |
| 🔎 Zoom In/Out | Ctrl + Mouse Wheel |
Form Integration
The Contact Form block supports multiple form handling services:
📬 Formspree (Recommended)
Sign up at formspree.io
Create a free account at formspree.io
Create a new form
Copy your form endpoint (looks like: https://formspree.io/f/xxxxxxxx)
Configure in Tiggy
Select "Formspree" as the service and paste your form ID or full URL
🌐 Netlify Forms
If you're hosting on Netlify, forms work automatically:
- Select "Netlify" as the form service
- Give your form a name (e.g., "contact")
- Deploy to Netlify - forms are detected automatically
⚙ Custom Endpoint
Send form data to your own backend:
- Select "Custom" as the form service
- Enter your POST endpoint URL
- Your server will receive form data as POST request
📝 Form Fields
Customize which fields appear by editing the Fields setting (comma-separated):
name, email, phone, message
Responsive Design
Your exported site automatically adapts to different screen sizes.
💻 How It Works
When you design on the canvas, you use absolute positioning for precise placement. When exported, the layout intelligently converts to a responsive flow layout:
Desktop (900px+)
Elements maintain their relative positions. Rows of elements stay side by side.
Tablet (480-900px)
Content flows naturally. Text sizes adjust. Rows may wrap.
Mobile (<480px)
All elements stack vertically. Full-width buttons. Optimal touch targets.
🎨 Flow Width Setting
Control how wide each block appears in responsive mode using the Flow Width setting (10-100%). For example:
- 100% - Full width on all screens
- 50% - Half width (two items per row on desktop)
- 33% - Third width (three items per row on desktop)
Use the Desktop, Tablet, and Mobile buttons above the canvas to preview how your design will look on different devices.
Tips & Tricks
Instead of starting from scratch, choose a template that matches your needs, then customize colors, text, and images.
Apply a theme preset to set your color scheme, then fine-tune individual colors in Page Settings.
Click "Embed All Images" in the Assets section to convert external image URLs to embedded data. This ensures images work even if the original URLs change.
Enable "Snap to Grid" for precise alignment. Elements will snap to the grid as you drag them.
Instead of creating similar blocks from scratch, select one and press Ctrl+D to duplicate it, then edit the copy.
Always check the SEO score in the right panel before publishing. A green score means better search engine visibility.
Use the Preview button frequently to see how your site looks in a real browser, especially before publishing.
Always click "Test Connection" before uploading to verify your FTP credentials are correct.
Troubleshooting
Solutions to common issues:
Problem: Can't save, publish, or upload - shows license required message.
Solution:
- Open the License section in the left panel
- Enter your license key exactly as shown in your purchase email
- Click "Activate License"
- Make sure there are no extra spaces before/after the key
Problem: Images appear broken after exporting/publishing.
Solution:
- Before saving/exporting, click "Embed All Images" in the Assets section
- This converts external URLs to embedded data that travels with your project
- For uploaded images, make sure to use the Upload button, not just paste URLs
Problem: Can't connect to FTP server or upload fails.
Solution:
- Double-check your FTP host, username, and password with your hosting provider
- Try port 21 for regular FTP, or 990 for FTPS
- Enable "Use FTPS" if your host requires secure connections
- Make sure the Remote Path exists (e.g., /public_html or /www)
- Check if your firewall is blocking the connection
Problem: Elements don't align the same way on mobile devices.
Solution:
- This is expected! Mobile devices stack elements vertically for readability
- Use the Mobile preview button to see how your site will look
- Elements on the same row in the editor will stay together on desktop/tablet
- Adjust "Flow Width" settings to control responsive behavior
Problem: No results when searching for images.
Solution:
- Without an API key, only 80+ pre-defined categories work
- Try common terms: "business", "nature", "food", "technology", "people"
- For unlimited searches, get a free Pexels API key at pexels.com/api
- Check your internet connection
Problem: Work is missing after closing the app.
Solution:
- Tiggy auto-saves to browser storage, so work often recovers automatically
- If you saved a .json file, use "Open Project" to load it
- Check your Downloads folder for any saved project files
- Best practice: Always click "Save Project" before closing!
Problem: Application won't open or crashes on startup.
Solution:
- Try running as Administrator (right-click > Run as administrator)
- Restart your computer and try again
- Temporarily disable antivirus and try launching
- Reinstall the application from the original setup file
- Make sure you have Windows 10 or 11 (64-bit)
Problem: Form submissions not being received.
Solution:
- For Formspree: Make sure you've verified your email at formspree.io
- For Netlify: Forms only work when hosted on Netlify
- Check that the Form Action URL is correct
- Test by submitting a test message to yourself
Still need help? Contact support at support@tiggy.engineering with details about your issue.