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
Convert raw CSS declarations, selectors, and stylesheets into clean Tailwind CSS classes.
Transpile JSON Schema Draft 7 & 2020-12 into strict TypeScript interfaces and runtime Zod schemas.
Generate compliant RFC 1035 BIND zone files with SOA, NS, A, AAAA, CNAME, MX, and TXT records.
Convert legacy TypeScript numeric/string enums into modern, bundle-friendly string union types.
