Design Tools

21 tools 100% Client-Side

CSS shadows, palettes, animations, Mermaid diagrams, and BPMN process modelers.

← Back to all tools

Design21 tools

CSS shadows, palettes, animations, Mermaid diagrams, and BPMN process modelers.

100% Local Only

Showing 21 tools

Local

Neural Network Visualizer & ML Studio

Interactive client-side machine learning playground. Draw shapes or digits on canvas, train an MLP in real time, and visualize live synaptic weights, activations, and loss curves.

developer

Local

Color Picker & Palette Studio

Interactive visual color picker, HEX/RGB/HSL/CMYK conversion, WCAG contrast checker, palette generator, and image eyedropper.

design

Local

Mermaid Diagram Studio

Split-pane Mermaid.js diagram visualizer supporting 14+ diagram types, live syntax validation, themes, and PNG/SVG export.

design

Local

System Architecture Generator

Convert structured text DSL or plain-English descriptions into professional system architecture diagrams with component icons and SVG export.

design

Local

BPMN 2.0 Diagram Studio

Standards-compliant BPMN 2.0 business process modeling and validation studio with pools, lanes, gateways, properties inspector, and Camunda BPMN/SVG/PNG export.

design

Local

SVG Optimizer & Minifier

In-browser SVG optimizer and minifier with multi-plugin cleanup, precision controls, batch multi-file ZIP export, and React JSX output.

images

Local

Twitter/X Card Generator & Previewer

Generate, validate, and live-preview Twitter/X Card and Open Graph meta tags (Summary, Large Image, App, Player) with live character counters, aspect-ratio checks, and mobile mockup.

marketing

Local

Meta Tag Generator & SERP Previewer

Generate complete HTML meta tags, Open Graph (OG), and Twitter/X Cards with live Google SERP and social share preview cards. Export as HTML, Next.js metadata, or React Helmet.

marketing

Local

AI Resume & Portfolio Builder

Build professional ATS-friendly resumes and responsive personal portfolio websites with AI bullet point improvements, live split-pane preview, customizable templates, and 100% client-side privacy.

productivity

Local

SQL Schema Visualizer

Convert SQL CREATE TABLE DDL into interactive Entity-Relationship (ER) diagrams with pan/zoom, foreign key highlighting, and PNG/SVG export.

developer

Local

DB Diagram & ERD Editor

Interactive database diagram editor with bidirectional DBML code sync, drag-and-drop relationship connections, SQL import, and export.

developer

Local

CSS Formatter & Minifier

Beautify and minify CSS with custom indentation, brace styles, alphabetical sorting, modern nesting, compression stats, and live preview.

developer

Page 1 of 2 (21 total tools)

Show per page: