Gerador de Imagens de Código

Transforme código em imagens elegantes com syntax highlighting, temas personalizados e fundos gradientes. Suporte para JavaScript, Python, PHP, Java e mais linguagens.

Editor de Código

Seu Código

EXEMPLOS RÁPIDOS

Linguagem

Tema

Background do Código

Background do Preview

Padding 32px

Bordas 12px

Fonte 14px

Intensidade da Sombra 20%

Largura da Janela 60%

Mostrar cabeçalho

Números de linha

Título da Janela

Estilo da Janela

Preview da Imagem

index.js

                                        import React, { useState } from 'react'

const Counter = () => {
  const [count, setCount] = useState(0)

  return (
    <div className="counter">
      <h1>Count: {count}</h1>
      <button onClick={() => setCount(count + 1)}>
        Increment
      </button>
    </div>
  )
}

export default Counter