Skip to main content

Layout

Categories

Basic Elements

Button Component

Buttons

Standard button variations

Input Component

Input Fields

Text input variations

Checkbox Component

Checkboxes

Selection controls

Radio Component

Radio Buttons

Single selection controls

AI Customization

AI Generated Variations

AI Variation 1
Variation 1
AI Variation 2
Variation 2
AI Variation 3
Variation 3
AI Variation 4
Variation 4
<div class="container">
    <h1 class="title">Hello World</h1>
    <p class="description">
        Welcome to Pika Code Editor
    </p>
</div>

Preview

Hello World

Welcome to Pika Code Editor

Preview Content

Website Screenshot

Generated using Pika Screenshot API

Device Preview

Width
Height

Export Options

Recent Exports

Recent Export

preview-1.png

2 minutes ago

Recent Export

preview-2.png

5 minutes ago

Account Settings

Profile

Greg Younger

greg@pika.style

General Preferences

Choose your preferred theme

API Settings

Notifications

Receive email updates

Show desktop alerts

Receive marketing emails

Getting Started

  • Introduction
  • Quick Start
  • Installation

API Reference

  • Authentication
  • Endpoints
  • Rate Limits

Components

  • Templates
  • Customization
  • Examples

Introduction

Welcome to Pika documentation. Learn how to generate beautiful screenshots and images using our API and tools.

Quick Install

npm install --save pika-sdk

Features

  • Generate screenshots from any URL
  • Customize layouts and styles
  • Export in multiple formats

Examples

Example 1

Website Screenshot

Capture full webpage screenshots

Example 2

Component Template

Create reusable components

Export Settings

Batch Export

Selected Items 3 items

Preview

Export Preview 1
export-1.png 2.4 MB
Export Preview 2
export-2.png 1.8 MB
Export Preview 3
export-3.png 1.2 MB

Total Size

5.4 MB