Generate pure CSS border-trick triangles and tooltip carets for all 8 directions.
Execution runs 100% locally inside the browser sandbox using HTML5 Canvas, Web Cryptography Subtle API, and Web Workers. Zero egress.
Zero network latency. Operates completely offline with zero dependencies on third-party backend servers or cloud services.
Built according to official RFC specifications, cryptographic test vectors, and enterprise-grade data transformation standards.
Choose from 8 directional angles: Top, Right, Bottom, Left, or Diagonal Corners.
Set exact pixel dimensions for base width and arrow height.
Copy the border-trick stylesheet rule into your CSS or pseudo-element (::after).
By setting width: 0 and height: 0, thick border edges meet at 45-degree mitered angles. Setting three sides to transparent and one to a solid color creates a triangle.
Yes, apply the generated CSS properties inside a .tooltip::after or .dropdown::before selector with content: ''.
Zero-egress companion tools in the Developer Tools suite
Format, validate, repair, and minify JSON data instantly.
Decode, verify claims, inspect headers, and check token expiry.
Test regex patterns with flags, group captures, and live matches.
Compare text or source code side-by-side with visual diffs.
