logo Mahendra S H
© 2026 Mahendra S H
Side Experiments

Miscellaneous Works

A monorepo workspace containing multiple high-performance developer tools, design labs, and developer utilities built with modern web technologies.

logoname
Tools
Developer Utility

logoname

Vercel-zinc-themed client-side vector generator. Restricts style selections to curated high-contrast bounds to ensure perfect proportions.

  • Restricts brand design choices via constraint-based vector layouts (Horizontal, Vertical, Icon-Only) to guarantee visual accessibility and proportion.
  • Features custom backgrounds (animated mesh/radial gradients, textures), searchable icon library (150K+ SVGs), and URL sharing.
  • Supports 1-click loading of premium design presets with resolution-independent SVG vector file downloads.
Astro Tailwind CSS TypeScript SVG Engine Branding Customizer Client-Side Processing Vercel
json-all
Tools
Developer Utility

json-all

A fast client-side panel to format, query using jq/JSONPath, search object paths, and convert JSON payloads to C++, Rust, TypeScript, Java, YAML, Excel, and OpenAPI specifications.

  • Features an interactive collapsible node tree view and path finder to extract full dotted or bracket coordinates instantly.
  • Compiles JSON schemas into 11 programming language targets, including TypeScript interfaces, Go/Rust tags, Java POJOs, and Python classes.
  • Provides a client-side jq and JSONPath query sandbox for inline filtering, transforming, and querying complex nested JSON arrays.
  • Integrates side-by-side visual diff comparison, an SVG data chart plotter, and BOM-optimized spreadsheet exports to Microsoft Excel.
Astro Tailwind CSS TypeScript jq Engine JSONPath Data Plotter Excel Export Vercel
md-a
Tools
Developer Utility

md-a

Split-screen live preview parser with support for Mermaid diagrams, MathJax syntax, and PDF/HTML exports.

  • Split-pane layout featuring sync-scrolling, gutter line index numbers, formatting shortcut bar, and live compiled HTML5 preview.
  • Integrates Mermaid.js diagramming to dynamically compile and render text-based charts, mindmaps, and flowcharts directly to SVGs.
  • Built-in wizards including a drag-and-drop table grid generator, YAML frontmatter builder, and link/asset health checker.
  • Features an automated HTML/rich-text to Markdown converter with exports to LaTeX, standalone HTML, clean plain text, and print-ready PDF.
Astro Tailwind CSS TypeScript Mermaid.js Markdown Compiler LaTeX Exporter Local-First / PWA
design-db-to-crud
Tools
Developer Utility

design-db-to-crud

Visual PostgreSQL schema designer with live database structure relationships. Features a built-in schema linter to find missing keys or circular dependencies, and compiles tables directly into JPA Entities, repositories, services, and REST controllers.

  • Enables developers to visually design PostgreSQL database tables, configure keys, check constraints, and link relations on an interactive ERD canvas.
  • Features a schema linter that scores design health and flags naming convention violations, circular references, or missing indices.
  • Instantly generates a complete, downloadable Spring Boot application zip containing JPA entities, MapStruct DTOs, JPA repositories, and CRUD controllers.
  • Supports direct SQL DDL script imports to visually render existing schemas, along with Flyway/Liquibase migration script generation.
Astro Tailwind CSS TypeScript PostgreSQL Spring Boot JPA / Hibernate ERD Designer Linter Vercel
color-a
Tools
Developer Utility

color-a

Real-time palette generators, OKLCH/HSL color space controls, WCAG contrast score trackers, and design token generators.

  • Features multi-space color palette generation supporting OKLCH, HSL, RGB, and Hex parameters natively.
  • Tracks real-time WCAG contrast scores for text-background pairings to ensure high readability and visual accessibility.
  • Generates exportable CSS variables and JSON design tokens ready for Tailwind CSS and general styling frameworks.
Astro Tailwind CSS TypeScript OKLCH / HSL WCAG Contrast Token Generator Vercel
regex-data-extract-a
Tools
Developer Utility

regex-data-extract-a

Web-based matcher with PCRE2 compliance, greedy group selectors, visual match backtracking trackers, and CSV/JSON output generation.

  • Implements client-side regular expression matching conforming to PCRE2 pattern matching guidelines.
  • Highlights capturing groups with greedy group selector controls and details visual match backtracking steps.
  • Generates formatted CSV/JSON output files from matched text patterns for easy local data scraping.
Astro TypeScript PCRE2 Matcher Backtracking CSV/JSON Export Vercel
ESC
Navigation
Projects
Quick Actions
↑↓ Navigate Select
esc Close