SLDS JSON Schema Renderer
Overview
SLDS JSON Schema Renderer is a CLI tool that transforms JSON Schema files into elegant, interactive documentation using Vue.js and the Salesforce Lightning Design System (SLDS). It enables you to effortlessly generate static HTML sites from your schema definitions, making them easy to share, host, and navigate—without writing a single line of HTML or JS.
Project Details
- GitHub: slds-json-schema-renderer
- Tech Used: Node.js, TypeScript, Vue 3, SLDS
- Status: Active
Features
- 🧾 Schema Parsing: Parses and validates JSON schema files automatically
- 🎨 SLDS Styling: Sleek, professional UI built with Salesforce Lightning Design System
- ⚙️ CLI Tool: Simple and configurable via command line for CI or dev workflows
- 💡 Vue 3 Frontend: Clean, component-driven rendering with modern JavaScript
- 🏗️ Static Output: Generates HTML you can host anywhere—GitHub Pages, S3, Netlify, etc.
- 🚀 Icon Performance: Direct SLDS SVG icon use for faster load times
Topics Covered
- JSON Schema parsing and transformation
- Vue 3 component-driven UI development
- CLI development with Node.js & TypeScript
- Static site generation techniques
- Salesforce Lightning Design System (SLDS) integration
- Build tooling and package distribution via npm