Code Snapshot

Create beautiful code screenshots for 20+ programming languages

Preview

Generating preview...

script.js

// Code will appear here

Code Editor

// JavaScript function to calculate factorial
function factorial(n) {
    if (n === 0 || n === 1) {
        return 1;
    }
    
    let result = 1;
    for (let i = 2; i <= n; i++) {
        result *= i;
    }
    
    return result;
}

// Recursive version
function factorialRecursive(n) {
    if (n === 0 || n === 1) {
        return 1;
    }
    return n * factorialRecursive(n - 1);
}

// Example usage
console.log(factorial(5)); // Output: 120
console.log(factorialRecursive(5)); // Output: 120

Customization

Theme

GitHub Dark

GitHub Light

VS Dark

Atom

Monokai

Solarized

Window Frame

macOS

Windows

script.js

Linux

No Frame

Background

No Background

Purple Gradient

Pink Gradient

Blue Gradient

Green Gradient

Sunset Gradient

Peach Gradient

Sky Gradient

Lime Gradient

Window Title

Font Size

Padding

Window Size

Code Templates

JavaScript Function

Modern ES6 function example

function calculateTotal(...

Python Class

Python class with methods

class User:

HTML Structure

Basic HTML5 template

<!DOCTYPE html>

CSS Animation

CSS keyframes animation

@keyframes slideIn {

React Component

Functional React component

const MyComponent = () => {

API Request

Fetch API example

async function fetchData() {