CSS Triangle Generator
Generate CSS triangles using border tricks. Choose direction, size, and color, then copy the CSS.
Preview
Settings
Direction
Width80px
Height60px
Color
CSS Code
width: 0; height: 0; border-left: 40px solid transparent; border-right: 40px solid transparent; border-bottom: 60px solid #3b82f6;
Related tools
JSON Data GeneratorJSON
Generate random JSON data from a template with configurable fields and record count.
Slug GeneratorText
Convert text into a clean URL slug.
Lorem Ipsum GeneratorText
Generate placeholder text paragraphs quickly.
Password GeneratorCrypto
Generate strong passwords locally in your browser.
Passphrase GeneratorCrypto
Generate secure passphrases from a word list with entropy calculation, locally in your browser.
Random Bytes GeneratorCrypto
Generate secure random bytes (hex/base64).