# FrontendYogi

> FrontendYogi is a privacy-first, 100% client-side developer workstation and writing utility hub. Every tool executes entirely inside the user's browser runtime with zero database logging, zero server relays, and full offline support.

## Core Workstations & Media Studios
- [Screen-to-GIF & Tab Video Recorder](https://frontendyogi.com/record): Record browser tabs, windows, or full desktops into pure GIF89a animations or WebM videos directly in browser RAM. Features timeline trimmer, speed multipliers (1x-2x), loop toggles, 1-click clipboard paste, and floating webcam face bubble.
- [Favicon & PWA App Icon Suite](https://frontendyogi.com/favicon): 1-upload icon compiler producing multi-resolution 32x32 .ico, 192x192/512x512 PWA icons, 180x180 Apple Touch icons, webmanifest, and instant ZIP bundle.
- [PDF Organizer Studio](https://frontendyogi.com/pdf): WebAssembly client-side PDF utility to merge, split, compress, watermark, reorder pages, and convert PDF to images with zero server uploads.
- [Image Privacy & Metadata Sanitizer](https://frontendyogi.com/image): Sanitize EXIF GPS location data, compress images under 200KB, convert formats (AVIF, WebP, PNG), and crop photos.
- [Semantic Diff Checker](https://frontendyogi.com/diff): Side-by-side and unified text and code comparison with visual diff modes for images and PDF documents.

## Developer & Data Utilities
- [JSON Formatter & Validator](https://frontendyogi.com/tools/json-formatter): Fast JSON syntax validator, beautifier, and minifier with schema checking.
- [JWT Decoder](https://frontendyogi.com/tools/jwt-decoder): Secure client-side JSON Web Token inspector, decoding headers, claims, and expiry dates without sending secrets to any server.
- [SVG Viewer & React Component Converter](https://frontendyogi.com/tools/svg-viewer-converter): Vector previewer and cleaner that transforms raw SVG XML into production-ready React TSX/JSX components.
- [Regex Tester & Debugger](https://frontendyogi.com/tools/regex-tester): Real-time regular expression tester with capture group breakdown and instant match highlighting.
- [Base64 Encoder & Decoder](https://frontendyogi.com/tools/base64): Convert text to Base64 and decode Base64 strings with UTF-8 character encoding support.
- [UUID Generator](https://frontendyogi.com/tools/uuid-generator): Cryptographically secure Version 4 UUID / GUID generator supporting batch generation.
- [Cryptographic Hash Generator](https://frontendyogi.com/tools/hash-generator): Compute SHA-256, SHA-512, and MD5 hashes completely in-browser via Web Crypto API.
- [Unix Timestamp Converter](https://frontendyogi.com/tools/timestamp-converter): Convert epoch timestamps to human-readable UTC and local date formats.
- [URL Encoder & Query String Decoder](https://frontendyogi.com/tools/url-encoder): Encode and decode URI components and query string parameters.
- [YAML to JSON Converter](https://frontendyogi.com/tools/yaml-json-converter): Bi-directional syntax converter between YAML configurations and JSON structures.
- [Cron Expression Builder](https://frontendyogi.com/tools/cron-builder): Visual scheduler and natural English translator for Unix crontab expressions.
- [A11y Runtime Validator](https://frontendyogi.com/tools/a11y-validator): Browser-side automated accessibility inspector scoring WCAG 2.2 contrast, landmarks, and ARIA attributes.

## Frontend & CSS Design Tools
- [CSS Clamp Calculator](https://frontendyogi.com/tools/css-clamp-calculator): Fluid typography and responsive spacing scale builder generating CSS clamp() functions.
- [WCAG Color Contrast Checker](https://frontendyogi.com/tools/contrast-checker): Compute APCA and WCAG 2.2 contrast ratios for AA and AAA accessibility compliance.
- [Color Converter & Palette Studio](https://frontendyogi.com/tools/color-converter): Convert colors across HEX, RGB, HSL, and modern CSS color spaces.
- [Color Palette Generator](https://frontendyogi.com/tools/palette-generator): Harmonious color scheme builder exporting CSS design token custom properties.
- [CSS Spacing Scale Builder](https://frontendyogi.com/tools/css-spacing-scale): Design system utility to compute proportional 4px/8px rem spacing scales.
- [CSS Unit Converter](https://frontendyogi.com/tools/css-unit-converter): Seamlessly translate values between PX, REM, EM, VW, VH, and percentage units.
- [CSS Box Shadow Generator](https://frontendyogi.com/tools/shadow-generator): Multi-layer elevation and realistic soft shadow generator with live preview.
- [CSS Gradient Builder](https://frontendyogi.com/tools/gradient-builder): Linear, radial, and mesh CSS gradient designer with one-click CSS export.
- [Responsive Breakpoint Planner](https://frontendyogi.com/tools/breakpoint-planner): Layout reference for modern mobile, tablet, desktop, and ultra-wide viewports.
- [Multi-Device Viewport Sandbox](https://frontendyogi.com/tools/viewport-sandbox): Simultaneous multi-screen responsive testbench with iframe sandboxing.
- [Aspect Ratio Calculator](https://frontendyogi.com/tools/aspect-ratio-calculator): Lock width/height proportions (16:9, 4:3, 1:1) and generate CSS aspect-ratio values.
- [Image Format Decision Guide](https://frontendyogi.com/tools/image-format-decision): Interactive decision tree recommending AVIF, WebP, SVG, PNG, or JPEG.

## Daily Utilities & Writing Tools
- [Image Resizer & Compressor](https://frontendyogi.com/tools/image-resizer): Compress image file size under 200KB and resize dimensions in browser canvas without upload limits.
- [Fancy Font Generator](https://frontendyogi.com/tools/fancy-font-generator): Transform text into 20+ aesthetic Unicode font styles for social media and profiles.
- [Word Counter & Readability Analyzer](https://frontendyogi.com/tools/word-counter): Real-time word, character, sentence, and reading duration calculator.
- [Text Case Converter](https://frontendyogi.com/tools/text-case-converter): Convert text between camelCase, snake_case, Title Case, UPPERCASE, and clean broken line wraps.
- [HTML Viewer & Editor Online](https://frontendyogi.com/html-viewer): View, edit, format, minify, and download HTML with instant sandboxed live preview and HTML entity tools.
- [Markdown Previewer & HTML Compiler](https://frontendyogi.com/tools/markdown-previewer): Side-by-side live GitHub Flavored Markdown editor with clean HTML output.
- [Password & Passphrase Generator](https://frontendyogi.com/tools/password-generator): Generate high-entropy passwords and memorable Diceware passphrases via Web Crypto API.
- [Dummy Data Generator](https://frontendyogi.com/tools/dummy-generator): Mock user profiles, email addresses, phone numbers, and addresses for database seeding.
- [Multi-Snippet Scratch Clipboard](https://frontendyogi.com/tools/multi-clipboard): Temporary in-memory multi-slot clipboard buffer for rapid coding workflows.
- [Write Pad Focus Notebook](https://frontendyogi.com/tools/write-pad): Distraction-free browser notepad with automatic localStorage persistence.
- [Daily Standup & Task List](https://frontendyogi.com/tools/daily-task-list): Quick task checklist converter with Pomodoro focus timer and markdown export.
- [Loan & Mortgage EMI Calculator](https://frontendyogi.com/tools/emi-calculator): Compute monthly loan payments with principal-to-interest breakdown and payoff charts.

## Architectural Guarantees
- 100% Client-Side Processing: All computation occurs inside the local browser JavaScript engine.
- Zero Server Storage: User payloads, tokens, passwords, and diffs never leave the client tab.
- Offline Capability: Powered by Service Workers and PWA for offline access.
- Accessible by Design: Fully navigable via keyboard, screen readers, and automated web agents.