Kickback Studio Logo

Quick Start Guide

Get up and running with Kickback Studio in just a few minutes. This guide will walk you through creating your first website from a blank slate.

Note: Kickback Studio is currently in private beta. Make sure you have received access before following this guide.

Step 1: Access Your Dashboard

Once you've received your beta invite, log into your Kickback Studio dashboard. You'll be greeted with a clean interface showing your current sites and usage.

Kickback Studio Dashboard

Step 2: Create Your First Site

Click the "Create New Site" button to start building. Unlike other website builders, Kickback Studio gives you a completely blank canvas to work with.

  1. Enter a name for your site
  2. Choose your preferred domain (you can change this later)
  3. Select your starting template preference (we recommend "Blank Slate")
  4. Click "Create Site"

Step 3: Enter the Page Builder

Once your site is created, you'll be taken to the Kickback Studio page builder. This is where the magic happens - you can start building your website exactly as you envision it.

Key Features:

  • Visual Editor: Drag and drop elements while seeing real-time changes
  • Code View: Switch to HTML/CSS view for precise control
  • Tailwind Integration: All styles automatically generate Tailwind classes
  • Component Library: Pre-built components you can customize
  • Responsive Preview: See how your site looks on different devices

Step 4: Add Your First Elements

Start by adding basic elements to your page:

<div class="min-h-screen bg-gray-50">
  <header class="bg-white shadow">
    <h1 class="text-3xl font-bold text-gray-900 p-6">
      Welcome to My Website
    </h1>
  </header>
  
  <main class="container mx-auto px-4 py-8">
    <p class="text-lg text-gray-700">
      This is my first Kickback Studio website!
    </p>
  </main>
</div>

Step 5: Preview and Publish

Use the preview feature to see how your site looks to visitors. When you're ready, click "Publish" and your site will be live instantly.

Congratulations! You've created your first website with Kickback Studio. Your site is now live and accessible to the world.

Next Steps

Learn the Page Builder

Dive deeper into the visual editor and discover advanced features.

Read Guide →

Master Tailwind CSS

Learn how to leverage Tailwind's utility classes in Kickback Studio.

Explore Tailwind →

Add Forms & Data

Create contact forms and collect data from your visitors.

Forms Guide →

Setup Integrations

Connect your site to Mailchimp, Mailgun, and other services.

View Integrations →