Miscellaneous Works
A monorepo workspace containing multiple high-performance developer tools, design labs, and developer utilities built with modern web technologies.
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.
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.
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.
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.
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.
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.