Generate CSS border-trick triangles and arrows. CSS Triangle Generator is a free online tool from the ToolsRift CSS Generators collection. It runs entirely in your browser — nothing to install, no signup, and your data never leaves your device.
Choose the direction, size and color; the tool builds the border-trick triangle and gives you the copyable CSS.
A zero-size element with thick borders shows only one colored border edge as a triangle while the others stay transparent.
Tooltip and speech-bubble tails, dropdown carets, and simple arrow indicators without images.
Yes — choose up, down, left or right and the border widths and colors adjust to point that way.