Sarmate.net Sarmate.net
Home Features Pricing Documentation Contact
Log in Sign up

Create LaTeX Colored Boxes Online — Without Knowing tcolorbox

Our visual WYSIWYG editor generates tcolorbox code in real time. Ready presets (theorem, definition, example, info, warning), color picker, title, content, shadows — all clicks. Compile the PDF directly.

No install No signup 100% free

The tcolorbox package is powerful but has 200 options

To frame a theorem, definition, or note in a LaTeX document, tcolorbox is the reference — but its documentation is 500 pages. Three frictions show up every time:

Too many options

colback, colframe, coltitle, arc, boxrule, drop shadow, enhanced… For a simple colored frame, you read the docs for half an hour.

Slow iteration

Try a slightly paler background, a bigger title, a dashed border: each attempt = recompile. And the result is never what you imagined first try.

Visual consistency

When you have 4 types of callouts (blue theorem, green definition, gray example, red warning), keeping a consistent visual style across the whole document is tedious.

The Sarmate.net solution

Our box editor starts from visual presets (theorem, definition, example, info, warning), you customize with the mouse, and the tcolorbox code is generated and copyable.

Ready presets

Theorem, definition, example, remark, info, warning — pick the tone, tweak colors if needed. No need to know tcolorbox syntax.

Visual editing

Color picker (RGB, named colors, hex). Editable title. Border: thickness, style (line, dashed). Rounded corners. Drop shadow. All clicks.

Clean tcolorbox code

Generated code includes the \tcbset customization and the environment to paste. Clean definition via \newtcolorbox for reuse across your document.

How it works in 3 steps

1

1. Pick a preset

Theorem, definition, example, info, warning — or fully custom.

2

2. Customize

Background color, border color, title, content, rounded corners, drop shadow, icon.

3

3. Grab the code

Copy packages + \newtcolorbox definition + usage. Compile the PDF directly or save to your drive.

A few generated boxes

Theorem box
\newtcolorbox{theoreme}[2][]{enhanced,colback=blue!5,colframe=blue!75,
  fonttitle=\bfseries,title=Théorème~#2,#1}
\begin{theoreme}{Pythagore}
Dans un triangle rectangle, le carré de l'hypoténuse est égal à la somme des carrés des deux autres côtés.
\end{theoreme}
Definition box
\newtcolorbox{definition}[2][]{enhanced,colback=green!5,colframe=green!60!black,
  fonttitle=\bfseries,title=Définition~#2,#1}
\begin{definition}{Fonction}
Une fonction associe à chaque élément d'un ensemble $E$ un unique élément d'un ensemble $F$.
\end{definition}
Info box
\newtcolorbox{infobox}{enhanced,colback=cyan!5,colframe=cyan!60,
  fonttitle=\bfseries,title=\textcolor{cyan!60}{\faInfoCircle}\ Information}
\begin{infobox}
Le package \texttt{tcolorbox} doit être chargé avec \texttt{[most]} pour activer toutes les options.
\end{infobox}
Warning box
\newtcolorbox{warning}{enhanced,colback=red!5,colframe=red!75!black,
  fonttitle=\bfseries,title=\faExclamationTriangle\ Attention,drop fuzzy shadow}
\begin{warning}
La division par zéro n'est pas définie dans l'ensemble des nombres réels.
\end{warning}

Hand-coding vs Sarmate.net

By handWith Sarmate.net
Time for a custom box15 to 20 min (reading docs)Under a minute
tcolorbox knowledgeRequiredNone
Color choiceTrial and error (compile+look)Visual picker
Multi-box consistencyManualGenerated \newtcolorbox
Visual previewRecompile every timeReal-time
Ready-to-use presetsWrite your own5+ built-in presets

Frequently asked questions

How do I frame text in LaTeX?+
Several options: fbox/framed (basic, no color), mdframed (customizable frames), tcolorbox (most powerful, with titles, colors, presets). Our editor generates tcolorbox, today the de facto standard for theorem/definition/callout in publications.
What's the difference between tcolorbox and mdframed?+
mdframed is older and lighter (simple frames with colors). tcolorbox is newer (2008+), much more complete: formatted titles, professional presets, advanced options (drop shadow, background image, internal separators, breakable for multi-page…). For modern use, tcolorbox is recommended.
How do I create a reusable theorem environment?+
Define a new environment with \newtcolorbox{theorem}[2][]{enhanced, colback=blue!5, colframe=blue!75, fonttitle=\bfseries, title=Theorem~\thethm: #2, #1}, then use it as \begin{theorem}{Pythagoras}…\end{theorem}. Our editor auto-generates this definition for you, ready to paste in your preamble.
How do I make a box that spans multiple pages?+
Add the breakable option to the environment: \begin{tcolorbox}[breakable, …]. Without this option, tcolorbox can't split the box on a page break (and overflows). Our editor exposes a dedicated checkbox.
How do I add an icon to an info or warning box?+
Three techniques: use a Unicode icon (⚠️ or ⓘ), load fontawesome5 and use \faExclamationTriangle, or include an image. tcolorbox supports a drop fuzzy shadow southeast option for relief. Our editor offers the most common fontawesome presets in a selector.

Ready to stop reading tcolorbox docs?

Open the editor in one click. No signup for the demo. Ready-to-paste tcolorbox code.

Launch the box editor now